您的位置:首页 > Web前端 > JavaScript

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