小丫00 2012-11-07
转:http://hi.baidu.com/codylee/item/df0caf12773b73eb9913d667
今天编程的时候遇到了个问题. 就是客户希望页面载入后吧鼠标定位到一个textarea的开始部分. 本来javascript的focus函数可以解决的. 但问题是当当textarea里面有内容的时候. 鼠标就定位到了内容的后面. 必须自己写函数来实现定位到头部的功能.
说明一下
setSelectionRange是mozilla特有的函数createTextRange是IE特有的函数
所以代码浏览器兼容的问题就解决了.
附js代码 XXX为你设置的textarea的id
<script type=”text/javascript” language=”javascript” >
function setCursor(el,st,end) {
if(el.setSelectionRange){
el.focus();
el.setSelectionRange(st,end);
}else{
if(el.createTextRange){
range=el.createTextRange();
range.collapse(true);
range.moveEnd(”character”,end);
range.moveStart(”character”,st);
range.select();
}
}
}function text_curser() {
setCursor(document.getElementById(”XXX”),0,0)
}window.onload = text_curser;
</script>
textarea标签是我们经常使用的一个html标签,主要是在输入较长的文本时,可以实现换行等效果。下面引用一个他的基本使用:。<textarea cols="50" rows="10" id="co