當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > JS代碼實(shí)現(xiàn)光標(biāo)停在文本最后

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

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

移動端

【實(shí)例名稱】

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

【實(shí)例描述】

當(dāng)用戶修改文本框的內(nèi)容時,為了方便操作,可以將光標(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中,添加一個多行文本框,當(dāng)其獲取焦點(diǎn)時調(diào)用上面的方法,代碼如下所示:

<textarea rows=6 cols=30 onfocus="last()"> 這是一個測試; 這是一個測試; 這是測試; </textarea> </body> </html>

【運(yùn)行效果】

運(yùn)行效果

【難點(diǎn)剖析】

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

【源碼下載】

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

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