<textarea id="message" cols="60" rows="8" onmouseup="locatePoint()">
页面上一TextArea控件,用来录入数据,点击保存按钮时进行保存操作。
现在的问题是:页面一打开时,在TextArea中任意点击鼠标时,光标就会落在那里,
这样用户再录入时,就不是从最顶端录入,必须再点击最左面顶端才行。但是,只要保存
了一次后,鼠标在别的地方点击时,光标反而就在左面顶端了,却正好实现了我的想法。
但是,为什么页面一进来时在TextArea控件到处可以点击呢?如何限制一点击TextArea控件,
鼠标就在最左面顶端或者是不用点击鼠标就直接在最左面顶端了?
</textarea>
<script language="javascript">
var textArea=document.getElementById("message");
window.onload=textArea.focus();
function locatePoint()
{
var tempText=textArea.createTextRange();
tempText.moveEnd("character",0-tempText.text.length);
tempText.select();
}
</script>

解决方案 »

  1.   

    <script language="javascript">
    function focusTextArea()
    { var rng = document.form1.textarea1.createTextRange();
    rng.collapse(true);
    rng.moveStart('character',-1);
    rng.select();
    }
    window.onload=focusTextArea;
    </script><form name="form1" method="post" action="" onclick="focusTextArea()">
      <textarea name="textarea1" cols="50" rows="5">测试光标位置测试光标位置测试光标位置测试光标位置测试光标位置测试光标位置</textarea>
    </form>