可编辑div移动光标位置

2024年1月24日 237次阅读 来源: 石头 
<div contenteditable="true" refs="input"></div>
keepLastIndex(ev) {
    console.log(ev)
    console.log(window.getSelection)
    console.log(document.selection)
    if (window.getSelection) { //ie11 10 9 ff safari
        ev.focus(); //解决ff不获取焦点无法定位问题
        var range = window.getSelection(); //创建range
        range.selectAllChildren(ev); //range 选择ev下所有子内容
        range.collapseToEnd(); //光标移至最后
    } else if (document.selection) { //ie10 9 8 7 6 5
        var range = document.selection.createRange(); //创建选择对象
        //var range = document.body.createTextRange();
        range.moveToElementText(ev); //range定位到ev
        range.collapse(false); //光标移至最后
        range.select();
    }
},
    原文作者：石头
    原文地址: https://segmentfault.com/a/1190000019694292
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞