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

2012/10/21 11:08:00作者：佚名来源：网络

移动端

【实例名称】

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