可编辑的div赋值后光标问题

最近在做可编辑的div赋值时,光标会跑到最前面去,解决方法:

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

第二种解决办法

function getC(el) {
            el = el[0]; // jquery 对象转dom对象
            el.focus();
            var range = document.createRange();
            range.selectNodeContents(el);
            range.collapse(false);
            var sel = window.getSelection();
            //判断光标位置,如不需要可删除
            if (sel.anchorOffset != 0) {
                return;
            };
            sel.removeAllRanges();
            sel.addRange(range);
            console.log(sel);

        }

 

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值