JS代碼實現(xiàn)光標(biāo)停在文本最后

2012/10/21 11:08:00作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

【實例描述】

當(dāng)用戶修改文本框的內(nèi)容時，為了方便操作，可以將光標(biāo)直接放在文本框的最后，則用戶可直接輸入。本例學(xué)習(xí)如何將光標(biāo)放在文本框最后。

【實例代碼】

     <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中，添加一個多行文本框，當(dāng)其獲取焦點時調(diào)用上面的方法，代碼如下所示：
<textarea rows=6 cols=30 onfocus="last()">
這是一個測試；
這是一個測試；
這是測試；
</textarea>
</body>
</html>

【運行效果】

運行效果

【難點剖析】

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

【源碼下載】

本實例JS代碼下載

標(biāo)簽：文本 JS代碼