Javascript 将鼠标的光标停留在文字的最后

最新推荐文章于 2024-04-14 10:14:01 发布

原创最新推荐文章于 2024-04-14 10:14:01 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #移动光标

javascript 专栏收录该内容

15 篇文章

订阅专栏

这篇博客介绍了一段JavaScript代码，该代码在页面加载完成后，将文本输入框的id设为'Text'，当用户点击这个输入框时，会自动把鼠标的光标移动到文字的最后，实现光标定位功能。代码适用于非IE和IE浏览器。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script>
        window.onload = function(){
            var oText = document.getElementById("Text");

            oText.onclick = function(){
                var vLen = this.value.length;
                if(this.setSelectionRange){                    //非ie
                    this.setSelectionRange(vLen,vLen);
                }else{                                         //ie
                    var a = this.createTextRange();            //ie支持creatTextRange
                    a.moveStart('character',vLen);
                    a.collapse(true);
                    a.select();                                //选中操作
                }

            }
        }
    </script>


    <input type="text" id="Text" value="光标停留在最后面">
</body>
</html>