当前位置: 爱符号 - 所有分类 - Web开发 - js - js控制光标出现在文本框的末尾
js控制光标出现在文本框的末尾 jsKongZhiGuangBiaoChuXianZaiWenBenKuangDeMoWei
符号空间 发表于:2013-12-30 19:19:21 阅读(503)
关键词:js js 文本框 文本框 末尾 末尾 焦点 焦点
摘要:关于如果用javascript控制光标出现在文本框末尾的问题,上网一搜索,解决方案各式各样,但是出现各种的不兼容。这个最终的解决办法,让你意想不到的,完全兼容所有浏览器。

关于如果用javascript控制光标出现在文本框末尾的问题,上网一搜索,解决方案各式各样,但是出现各种的不兼容。


这个最终的解决办法,让你意想不到的,完全兼容所有浏览器。


<textarea id="textBox1"></textarea>
<script>
    var textbox=document.getElementById("textBox1");
    textbox.focus();//先给焦点
    textbox.value="再赋值,这样光标正好在末尾,不信试试吧!";
    //如果想让光标出现在最前面,就反过来,先赋值,再给焦点;
</script>


下面放一种只支持IE的办法,我也没有试过,反正只是拿来瞧瞧的。

<script language="javascript">    
function setFocus()    
{    
var obj = event.srcElement;    
var txt =obj.createTextRange();    
txt.moveStart('character',obj.value.length);    
txt.collapse(true);    
txt.select()();    
}    
</script>    
<input type="text" value="abcdefg123456789" onfocus="setFocus()">

看完之后,是不是又一次觉得,被各种浏览器坑了?



声明:以上内容仅代表作者观点,不代表爱符号赞成此内容或立场