您的位置:首页 > Web前端 > JQuery

工作笔记---jQuery在可编辑的div光标处插入内容 兼容IE,火狐,谷歌

2016-05-30 15:58 525 查看
jQuery方法

$.fn.insertText = function(text) {

    var obj = $(this)[0];

    var range, node;

    if (!obj.hasfocus) {

        obj.focus();

    }

    

    if (document.selection && document.selection.createRange) {

        this.focus();

        document.selection.createRange().pasteHTML(text);

        this.focus();

    } else if (window.getSelection && window.getSelection().getRangeAt) {

        range = window.getSelection().getRangeAt(0);

        range.collapse(false);

        node = range.createContextualFragment(text);

        var c = node.lastChild;

        range.insertNode(node);

        if (c) {

            range.setEndAfter(c);

            range.setStartAfter(c)

        }

        var j = window.getSelection();

        j.removeAllRanges();

        j.addRange(range);

        this.focus();

    }

}

用法:$("#div1").insertText("<br />");

多谢:http://www.jb51.net/article/57650.htm
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息