js 如何获取文本框中光标索引位置

使用JS获取文本框中光标位置的技巧

最新推荐文章于 2023-11-12 14:29:30 发布

转载最新推荐文章于 2023-11-12 14:29:30 发布 · 783 阅读

javascript 专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript获取文本输入框中光标的位置，并通过实例展示了实现过程。对于前端开发者来说，这是一个实用的技术知识点。

比如文本框中有abcde,目前光标在最后,索引为5,现在用鼠标点在c后面点一下,索引应该为3,怎么样可以用js获取这个3呢...

<script>
function getTxt1CursorPosition(){
            var oTxt1 = document.getElementById("txt1");
            var cursurPosition=-1;
            if(oTxt1.selectionStart){//非IE浏览器
                cursurPosition= oTxt1.selectionStart;
            }else{//IE
                var range = document.selection.createRange();
                range.moveStart("character",-oTxt1.value.length);
                cursurPosition=range.text.length;
            }
            alert(cursurPosition);
        }
</script>
<input type="text" id="txt1" value="abcde" onclick="getTxt1CursorPosition()">