一：理解input, textarea元素在标准浏览器下两个属性selectionStart, selectionEnd。

selectionStart: 该属性的含义是 选区开始的位置；
selectionEnd: 选区结束的位置。
两个值默认都是为0。
注意： 该属性在chrome，safari和firefox都有用，标准浏览器下使用这两个属性。
我们先来看看如下代码，打印下如下可以看到：

<!DOCTYPE html>
     <html>
        <head>
          <meta charset="utf-8">
          <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
          <title>标题</title>
        </head>
        <body>
          <input id="inputId" type="text" oninput="inputFunc()" onkeyup="keyupFunc()"/>
          <textarea id="textareaId" oninput="textareaFunc()"></textarea>
          <script>
            var inputId = document.getElementById("inputId");
            console.log(inputId.value);
            console.log(inputId.selectionStart);
            console.log(inputId.selectionEnd);

            function inputFunc() {
              console.log(inputId.value);
              console.log(inputId.selectionStart);
              console.log(inputId.selectionEnd);
            }
            function textareaFunc() {
              var textareaId = document.getElementById('textareaId');
              console.log(textareaId.selectionStart);
              console.log(textareaId.selectionEnd)
            }
          </script>
        </body>
    </html>

1.《控制input输入框光标的位置》援引自互联网，旨在传递更多网络信息知识，仅代表作者本人观点，与本网站无关，侵删请联系页脚下方联系方式。

2.《控制input输入框光标的位置》仅供读者参考，本网站未对该内容进行证实，对其原创性、真实性、完整性、及时性不作任何保证。

3.文章转载时请保留本站内容来源地址，https://www.cxvn.com/study/24686.html