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”时正好相反。
【源码下载】