Heim > Web-Frontend > js-Tutorial > 光标的一些操作总结_javascript技巧

光标的一些操作总结_javascript技巧

WBOY
Freigeben: 2016-05-16 19:25:23
Original
1224 Leute haben es durchsucht

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.


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


5.再引申一下光标的移动和位置,这个是有人经常问到的问题 

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage