div设置contentEditable="true"作为文本编辑器，定位光标解决办法

最新推荐文章于 2024-08-18 16:02:22 发布

weixin_30340745

最新推荐文章于 2024-08-18 16:02:22 发布

阅读量219

点赞数

原文链接：http://www.cnblogs.com/baixc/p/4776028.html

版权

比如你会在div中插入表情，也可能输入文字，这时候，你可能需要定位光标的位置，默认不处理的情况下，div的光标是定位在文字后面，而你插入一个img标签，光标是不会跟随移动的！解决办法：

function set_focus(el) {
    el = el[0]; // jquery 对象转dom对象
    el.focus();
    if ($.browser.msie) {
        var rng;
        el.focus();
        rng = document.selection.createRange();
        rng.moveStart('character', -el.innerText.length);
        var text = rng.text;
        for (var i = 0; i < el.innerText.length; i++) {
            if (el.innerText.substring(0, i + 1) == text.substring(text.length - i - 1, text.length)) {
                result = i + 1;
            }
        }
    } else {
        var range = document.createRange();
        range.selectNodeContents(el);
        range.collapse(false);
        var sel = window.getSelection();
        sel.removeAllRanges();
        sel.addRange(range);
    }
}