是否有任何事件可以告诉我 IE 已完成其 contenteditable 操作？

Question

我正在开发基于 contenteditable 的文本编辑器，试图修改 IE 的 contenteditable 行为。

例如：按回车键时插入<br /> 不是新的<p> 元素

我发现 IE 在键入时在 keyup 和 keydown 之间完成了它的 contenteditable 行为。所以我可以在这两个事件触发时添加我的修改。

但是当来到 Paste 时，它不起作用。

案例是： 我想像这样粘贴几个段落的文本块

paragraph 1

another paragraph

and so on

IE 会自动在新的<p> 标签中嵌入段落。例如，如果我想将class 添加到这些<p> 元素中，我需要知道这些元素是何时创建的。

我试过onpaste、nodeInserted。他们都在变化发生之前被解雇了。 IE 完成工作后是否触发了任何事件？

Answer 1

我一直在使用按键事件检测它。 如果我没记错的话，您可以从输入参数中获取按下的键和修饰符，以检测 Ctrl+v。

编辑 显然不是，我只是检查了一下。 JQuery 使用 'paste' 事件来做 id。

HTML

<p id="cont" contenteditable="true">This is an editable paragraph.</p>

Javascript

$("#cont").keypress(function() {
    console.log("Keypress " + Math.random());
});

$("#cont").bind('paste', function(e){
    console.log("Paste " + Math.random());
});

这是小提琴：http://jsfiddle.net/3djRp/3/

EDIT2 我借用了someone elses event combination 在内容更改后检测粘贴，但在某些浏览器中它会触发两次。

$cont = $("#cont");

$cont.data('oldval', $cont.text());
//console.log($cont.data('oldval'));

$cont.bind("propertychange input keyup paste", function(event){
    if($cont.data('oldval') != $cont.text()) {
        //console.log("old " + $cont.data('oldval'));
        //console.log("new " + $cont.text());
        $cont.data('oldVal', $cont.text());

        console.log('change: ' + $cont.text());
    }
});