您的位置:首页 > 产品设计 > UI/UE

input、textarea、div(contenteditable=true)光标定位到最后

2017-03-21 15:10 477 查看
1、针对input、textarea

//定位input、textarea
function po_Last(obj) {
obj.focus();//解决ff不获取焦点无法定位问题
if (window.getSelection) {//ie11 10 9 ff safari
var max_Len=obj.value.length;//text字符数
obj.setSelectionRange(max_Len, max_Len);
}
else if (document.selection) {//ie10 9 8 7 6 5
var range = obj.createTextRange();//创建range
range.collapse(false);//光标移至最后
range.select();//避免产生空格
}
}


2、针对div(contenteditable="true")

//定位div(contenteditable = "true")
function po_Last_Div(obj) {
if (window.getSelection) {//ie11 10 9 ff safari
obj.focus(); //解决ff不获取焦点无法定位问题
var range = window.getSelection();//创建range
range.selectAllChildren(obj);//range 选择obj下所有子内容
range.collapseToEnd();//光标移至最后
}
else if (document.selection) {//ie10 9 8 7 6 5
var range = document.selection.createRange();//创建选择对象
//var range = document.body.createTextRange();
range.moveToElementText(obj);//range定位到obj
range.collapse(false);//光标移至最后
range.select();
}
}


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: