关于html: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);

能够传入一个布尔值作为参数,参数默认值为true，批示向左还是向右压缩

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参数一样，对于挪动光标比拟敌对。