光标定位,兼容IE和FF的javascript光标定位方法

今天在做一个博客转发的功能,就像新浪微薄转播的那个功能一样,有一个textArea,就是我们发微薄的那个框,别人的微薄都有一个转发的按钮,当我们点击这个转发按钮的时候,他的微薄就会进入到textArea中,看起来很简单的文本框赋值,其实难点就在于,这时候的光标是定位在最前面的。
于是搜索了baidu,google,找到了
IE下面的方法
var tea=document.getElementById("文本框的ID"); var txt=textArea.createTextRange(); txt.moveEnd("character",0-tempText.text.length); txt.select();
但是这个方法只有在IE的浏览器下面才可用,于是通过网络搜索找到了博客园的一篇博客
http://www.cnblogs.com/zmz911/archive/2010/03/24/1694061.html
找到了FF下面的方法
var tea=document.getElementById("文本框的ID"); tea.setSelectionRange(0, 0); //将光标定位在textarea的开头,需要定位到其他位置的请自行修改 tea.focus();
所以兼容的方法我们可以用一个if加入判断,整合方法如下,也正如那个帖子里的一样
html部分
JS部分

Tags: 

延伸阅读

最新评论

发表评论