`
HogwartsRow
  • 浏览: 57919 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

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

阅读更多

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

<script type="text/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>

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

0
6
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics