软件学堂

网游分类软件分类

JS代码实现光标停在文本最后

2012-10-21 来源:网络

【实例名称】

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代码下载

上一篇:JS代码获取表单中文本框的个数
下一篇:利用JS代码分行取textarea中的值

相关文章