码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-12-26 09:55:51      阅读:101      评论:0      收藏:0      [点我收藏+]

标签:问题   ast   nbsp   creat   set   tab   selectall   create   ext   

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();
            }
        }



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

标签:问题   ast   nbsp   creat   set   tab   selectall   create   ext   

原文地址:https://www.cnblogs.com/BluceLee/p/12100031.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!