Js控制文本框光标，将其置于文本之后

最新推荐文章于 2022-06-28 19:00:58 发布

最新推荐文章于 2022-06-28 19:00:58 发布 · 389 阅读

文章标签：

#ie #JavaScript #JS #浏览器 #FireFox #ViewUI

WEB插件专栏收录该内容

5 篇文章

订阅专栏

本文提供了一段JavaScript代码，用于解决网页搜索框点击搜索按钮或回车键后，光标置于文字前方的问题，方便后续输入。

我们在项目开发过程中，会遇到这么一个问题：页面有个搜索框，点击搜索按钮或者回车键搜索后，文本框的光标置于文字前方，不便于继续输入，影响操作，我们需要将光标置于文本之后，这时我就需要下面这段代码来控制光标。

   var Browser_Name=navigator.appName;
        var isIE=(Browser_Name=="Microsoft Internet Explorer");//判读是否为ie浏览器
        var textNode=document.getElementById("keyword");//keyword为要操作的文本框的ID，根据情况修改
        var count=textNode.value.length;
        if(isIE){//IE
            var f = textNode.createTextRange();//创建文本范围对象
            f.moveStart('character',count); //更改范围起始位置/*如果count改为0就把光标放在text中的字符的最前面*/
            f.collapse(true); //将插入点移动到当前范围的开始或结尾。
            f.select(); //将当前选中区置为当前对象，执行
        }else{//FireFox
            textNode.setSelectionRange(count,count);
        }

</script>

将上面这段代码放在自己需要的地方，就可以了，操作简单，易用。