光标的一些操作总结

ttx9n

IE下的Range操作比Mozilla下强很多，这里只讨论IE下的操作,这里选介绍几个光标定位的特点

IE下的Range操作比Mozilla下强很多，这里只讨论IE下的操作。
这里选介绍几个光标定位的特点：

1.光标不变

    直接obj.focus()，光标会返回之前的位置，即位置不变

2.光标在最前 

复制代码 代码如下:
var r = obj.createTextRange();
r.collapse();
r.select();

    用这个方法可以使光标在input框最前面

3.光标在最后 

复制代码 代码如下:
var r = obj.createTextRange();
r.collapse(false);
r.select();

    用这个方法可以使光标停在input框的最后

4.选取input框中部分内容需要用到Range的moveStart或moveEnd方法, 其详细的方法使用可以参考MSDN.

<script type="text/javascript"> function sl(o, m, n){ var rt = o.createTextRange(); rt.collapse(); rt.select();//光标置最前 var r = document.selection.createRange(); r.collapse(false); r.moveStart("character", m);//从m位开始 r.moveEnd("character", n);//选取n位 r.select(); } </script> <input name="a" value="123456789"><input type=button value="select" onclick="sl(a,2,4)">
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

5.再引申一下光标的移动和位置，这个是有人经常问到的问题 
<input name=a value="123456789"> <input type=button value="向前" onclick="setpos(a,-1)"> <input type=button value="向后" onclick="setpos(a,1)"> <input type=button value="当前光标的位置" onclick="getpos(a)"> <script type="text/javascript"> function setpos(obj,n) { obj.focus(); var r = document.selection.createRange(); r.collapse(false); r.move("character", n); r.select(); }; function getpos(obj) { obj.focus();//光标位置不变 var r = document.selection.createRange(); r.collapse(false); r.setEndPoint("StartToStart", obj.createTextRange()); alert(r.text.length); }; </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

zzhxxx

来看看！！！

6q8s6p21

数据库了多久撒快乐的健身卡啦

cxst1h57

还有人在不。。。。。。。。。。啊

jasonlong

iiguuubhuiuihu

4r8oiin60

为全额万千瓦

fiyeid

飞飞飞飞飞飞飞飞飞飞飞飞飞

5cf304mn2

天天源码社区论坛

dingzhi521

很不错的样子

cxst1h57

哈哈哈哈哈哈哈