【實(shí)例名稱】

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

【實(shí)例描述】

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

【實(shí)例代碼】

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

【運(yùn)行效果】

【難點(diǎn)剖析】

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

【源碼下載】

本實(shí)例JS代碼下載