什么是光标？input或textarea中对于光标的移动介绍1

什么是光标？input或textarea中对于光标的移动介绍

网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

本篇文章给大家带来的内容是关于什么是光标？input或textarea中关于光标的移动介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

什么是光标

页面上输入框中闪烁的光标其实是一个选区，也就是选区的左边界和右边界直接形成的选区。

输入框结点input=document.getElementById('#input')有二个属性： selectionStart、selectionEnd，分别代表选区开始位置，选区结束位置。

通过修改这二个值就可以形成选区，宽度为0也就实现了光标的位置控制和获取。

IE浏览器提供的API更加丰富：
createTextRange()、 document.selection.createRange()、moveStart() 、moveEnd() 、move() 、collapse() 、text 、select()。

第一步：

var range = input.createTextRange();        //创建一个文本选区对象。

第二步：一些操作

range.collapse(boolean);

range.moveStart(param1,param2);

第一个参数可选值有 character、word、sentence、textedit. 比如character，即根据字符来偏移。第二个参数代表偏移的多少，正负表示方向。

range.moveEnd(param1,param2);

和上面那个方法参数一样，不同的是这是用来移动结束边界

第三步：

range.select(); //将range包含的区域选中。

需要注意的是：在调用range.select()方法之前，选区对象的内容并不会被添加选中效果

补充：

var range = document.selection.createRange();

这个方法根据当前页面中的选中文字区域来创建一个选区对象，这个选区对象与createTextRange方法的到选区对象的区别在于，它的选区范围为页面选中文字的区域，即它的左右边界不再是默认的左最小右最大。

range.move(param1,param2);

和moveStart参数一样，对于移动光标比较友好。