js中光标的一些操作

最新推荐文章于 2018-09-09 18:25:44 发布

weixin_30621711

最新推荐文章于 2018-09-09 18:25:44 发布

阅读量63

点赞数

版权

有时候我们需要操作input，textarera中的光标，现在列举出一些js例子

首先看IE

IE中的对象是这个 createTextRange

var Range=el.createTextRange();
Range.moveEnd('character',el.value.length);

Range.moveStart('character',0);
//Range.collapse();
Range.select();

平时我们看到的光标都是合并着的（可以这么理解），它其实包含前后两个光标。

moveEnd操作后一个光标，moveStart操作前一个光标。

collapse当然是合并的意思，collapse(true)表示在前一个光标处合并，collapse(false)表示在后一个光标处合并。

如果我们希望把光标定位到一段文本的最后，可以使用两种方法：

1.我们可以把前一个光标移动到最后，然后设定collapse(true)在前一个光标合并。

2.我们可以把后一个光标移动到最后，然后设定collapse(false)在后一个光标合并。

select()当然是指选中的意思了。

非IE中的对象是这个 setSelectionRange

el.setSelectionRange(el.value.length,el.value.length);  //设光标 
el.focus();

这样就可以把光标移动到最后，如果需要选中一段则设定不同的起始位置即可。

以上经过IE,FF,CHROME等浏览器测试。均可以使用。

转载于:https://www.cnblogs.com/yimiao/archive/2012/03/14/2396625.html

关注