div设置contenteditable='true'时,粘贴去除复制内容的样式

643 阅读1分钟
<div id="test" contenteditable="true" style="width: 100%;border-bottom: 1px solid;outline: none;text-align: left;float: left;"></div>
window.setInterval(function () {
    console.log("test",$("#test").html())
},2000);

$("#test").on("paste", function (e) {
    textInit(e)
});

function textInit(e) {
    e.preventDefault();
    var text;
    var clp = (e.originalEvent || e).clipboardData;
    if (clp === undefined || clp === null) {
        text = window.clipboardData.getData("text") || "";
        if (text !== "") {
            if (window.getSelection) {
                var newNode = document.createElement("span");
                newNode.innerHTML = text;
                window.getSelection().getRangeAt(0).insertNode(newNode);
            } else {
                document.selection.createRange().pasteHTML(text);
            }
        }
    } else {
        text = clp.getData('text/plain') || "";
        if (text !== "") {
            document.execCommand('insertText', false, text);
        }
    }
}