javascript的focus函数如何定位到textarea指定地方

转：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>