我建议将侦听器附加到由可编辑元素触发的关键事件，但您需要注意keydown和keypress事件是在内容本身更改之前触发的。这不会涵盖更改内容的所有可能方法：用户还可以使用编辑或上下文浏览器菜单中的剪切、复制和粘贴，因此您可能还想处理cut copy和paste事件。此外，用户可以删除文本或其他内容，因此那里有更多事件（mouseup例如）。您可能希望轮询元素的内容作为后备。

2014 年 10 月 29 日更新

在HTML5input事件是在长期的答案。在撰写本文时，它支持contenteditable当前 Mozilla（来自 Firefox 14）和 WebKit/Blink 浏览器中的元素，但不支持 IE。

演示：

document.getElementById("editor").addEventListener("input", function() {
    console.log("input event fired");
}, false);

<div contenteditable="true" id="editor">Please type something in here</div>

演示：http : //jsfiddle.net/ch6yn/2691/

这是一个更有效的版本，on用于所有 contenteditables。它基于此处的最佳答案。

$('body').on('focus', '[contenteditable]', function() {
    const $this = $(this);
    $this.data('before', $this.html());
}).on('blur keyup paste input', '[contenteditable]', function() {
    const $this = $(this);
    if ($this.data('before') !== $this.html()) {
        $this.data('before', $this.html());
        $this.trigger('change');
    }
});

该项目在这里：https : //github.com/balupton/html5edit

考虑使用MutationObserver。这些观察者旨在对 DOM 中的变化做出react，并作为Mutation Events的高性能替代品。

优点：

• 当发生任何变化时触发，这很难通过听取其他答案建议的关键事件来实现。例如，所有这些都运行良好：通过上下文菜单拖放、斜体、复制/剪切/粘贴。
• 设计时考虑到性能。
• 简单直接的代码。与侦听 10 个事件的代码相比，侦听一个事件的代码更容易理解和调试。
• 谷歌有一个优秀的变异摘要库，这使得使用 MutationObservers 变得非常容易。

缺点：

• 需要最新版本的 Firefox (14.0+)、Chrome (18+) 或 IE (11+)。
• 需要理解的新 API
• 关于最佳实践或案例研究的可用信息并不多

学到更多：

• 我写了一个小片段来比较使用 MutationObserers 处理各种事件。我使用了 balupton 的代码，因为他的回答获得了最多的支持。
• Mozilla在 API 上有一个很棒的页面
• 看一下MutationSummary库

非 jQuery快速而肮脏的答案：

function setChangeListener (div, listener) {

    div.addEventListener("blur", listener);
    div.addEventListener("keyup", listener);
    div.addEventListener("paste", listener);
    div.addEventListener("copy", listener);
    div.addEventListener("cut", listener);
    div.addEventListener("delete", listener);
    div.addEventListener("mouseup", listener);

}

var div = document.querySelector("someDiv");

setChangeListener(div, function(event){
    console.log(event);
});

我已经像这样修改了 lawwansin 的答案，这对我有用。我使用 keyup 事件而不是 keypress ，这很好用。

$('#editor').on('focus', function() {
  before = $(this).html();
}).on('blur keyup paste', function() { 
  if (before != $(this).html()) { $(this).trigger('change'); }
});

$('#editor').on('change', function() {alert('changed')});