JS代碼完成光標停在文本最后

【實例名稱】

JS代碼實現光標停在文本最后

【實例描述】

當用戶修改文本框的內容時，為了方便操作，可以將光標直接放在文本框的最后，則用戶可直接輸入。本例學習如何將光標放在文本框最后。

【實例代碼】

     <script language="javascript">
    function last()
    {
        var e = event.srcElement;
        var r =e.createTextRange();
        r.moveStart("character",e.value.length);
        r.collapse(true);
        r.select();
    }
    </script>
需要在body中，添加一個多行文本框，當其獲取焦點時調用上面的方法，代碼如下所示：
<textarea rows=6 cols=30 onfocus="last()">
這是一個測試；
這是一個測試；
這是測試；
</textarea>
</body>
</html>

【運行效果】

【難點剖析】

本例中使用了三個主要方法：createTextRange、moveStart和collapse。createTextRange用來獲取文本框當前光標的位置。moveStart方法用來移動光標，包括兩個參數：移動間隔類型和移動多少個間隔，本例的間隔類型是字符“character”。collapse方法只有一個布爾型的參數，其值為“true”時折疊到選定區域的開始處，“false”時正好相反。

【源碼下載】

本實例JS代碼下載