JS调整输入框光标位置
2018-01-04 10:32
246 查看
在移动端开发过程中,由于触摸事件的影响,时常会出现光标错位,给用户带来不好的体验。本文举例说明将光标在聚焦文本框的同时将光标移动到文本末端。
将光标移动到文字的末尾:
将光标移动到文字的末尾:
function moveEnd(obj){/*绑定在onfocus事件上*/ obj.focus(); var len = obj.value.length; if (document.selection) { var sel = obj.createTextRange(); sel.moveStart('character',len); sel.collapse(); sel.select(); } else if (typeof obj.selectionStart == 'number' && typeof obj.selectionEnd == 'number') { obj.selectionStart = obj.selectionEnd = len;/*平时所见的光标其实是由两部分组成的,即selectionStart和selectionEnd,一般时候这两个是想等的,但在选中一段文字,全选时,他们的差值就是所选文字的个数。*/ } }
相关文章推荐
- [转]JS 获取、设置 输入框光标位置
- 使用js函数实现的通过输入框中数据的长度来控制光标聚焦位置
- js定位光标到输入框指定位置
- js定位光标到输入框指定位置
- js定位光标到输入框指定位置
- 使用js函数实现的通过输入框中数据的长度来控制光标聚焦位置
- js -- 设置输入框光标位置(在模拟微信表情输入的时候遇到的)
- JS在可编辑的div中的光标位置插入内容的方法
- js 光标位置控制
- js-获取鼠标光标相对于整个页面的当前位置
- JS在可编辑的div中的光标位置插入内容的方法
- iOS---设置输入框的光标位置
- textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)
- [图解]在输入框和文本框中获取和设置光标位置,以及选中文本和获取选中文本值的方法 --- 详解,兼容所有浏览器。
- vim调整当前光标位置
- 使用TextRange获取输入框中光标的位置的代码
- 【记录】JS在TextArea光标位置插入文字+移动光标到文字末尾
- js实现文本内容光标定位,获取光标位置
- js 获得光标所在的文本框(text/textarea)中的位置