共计 875 个字符,预计需要花费 3 分钟才能阅读完成。
什么是光标
页面上输入框中闪动的光标其实是一个选区,也就是选区的左边界和右边界间接造成的选区。
非 IE 浏览器
输入框结点 input=document.getElementById('#input')
有二个属性:selectionStart、selectionEnd,别离代表选区开始地位,选区完结地位。
通过批改这二个值就能够造成选区,宽度为 0 也就实现了光标的地位管制和获取。
IE 浏览器
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 参数一样,对于挪动光标比拟敌对。
正文完