首页 > 代码库 > input光标位置
input光标位置
兼容谷歌火狐-input光标位置
input框在没有添加任何效果的情况下,输入文字后光标始终在最后的位置,谷歌||火狐效果一样
但是在给input加入点击事件后 谷歌:input框插入文字后,光标会自动到最后位置
火狐:input框插入文字后,光标在插入文字的后面
兼容:光标在文字的最后面
function moveEnd(obj){
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;
}
}
兼容:光标在中间插入文字的后面
function moveEnd(obj){
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‘) {
setCursorPosition(obj,obj.selectionStart)
}
}
设置光标位置:
setSelectionRange(obj.selectionStart,obj.selectionStart);
selectionStart
输入性元素selection起点的位置,可读写。
selectionEnd
输入性元素selection结束点的位置,可读写。
setSelectionRange(start, end)
设置输入性元素selectionStart和selectionEnd值
输入性元素selection起点的位置,可读写。
selectionEnd
输入性元素selection结束点的位置,可读写。
setSelectionRange(start, end)
设置输入性元素selectionStart和selectionEnd值
input光标位置
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。