为了避免计时器和“保存”按钮，你可以使用blur事件，当元素失去焦点时触发。但是为了确保元素确实被改变了(不仅仅是聚焦和散焦)，它的内容应该与它的上一个版本进行比较。或者使用keydown事件在这个元素上设置一些“脏”标志。

2022年更新

正如评论中所指出的，这并没有回答所提出的问题，即需要更改事件而不是输入事件的等价物。不过，我还是把它留在这里吧。

原来的答案

I'd suggest attaching listeners to key events fired by the editable element, though you need to be aware that keydown and keypress events are fired before the content itself is changed. This won't cover every possible means of changing the content: the user can also use cut, copy and paste from the Edit or context browser menus, so you may want to handle the cut copy and paste events too. Also, the user can drop text or other content, so there are more events there (mouseup, for example). You may want to poll the element's contents as a fallback.

2014年10月29日更新

从长远来看，HTML5输入事件是答案。在撰写本文时，当前的Mozilla(来自Firefox 14)和WebKit/Blink浏览器支持可满足的元素，但不支持IE。

演示:

. getelementbyid(“编辑器”)。addEventListener("input"， function() { Console.log("触发的输入事件"); },假); <div contentteditable ="true" id="editor">请在这里输入一些内容</div>

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

下面是我最终使用的解决方案，效果非常好。我使用$(this).text()代替，因为我只是使用了内容可编辑的一行div。但是你也可以使用.html()，这样你就不必担心全局/非全局变量的作用域，而before实际上是附加到编辑器div的。

$('body').delegate('#editor', 'focus', function(){
    $(this).data('before', $(this).html());
});
$('#client_tasks').delegate('.task_text', 'blur', function(){
    if($(this).data('before') != $(this).html()){
        /* do your stuff here - like ajax save */
        alert('I promise, I have changed!');
    }
});

考虑使用MutationObserver。这些观察器设计用于对DOM中的更改做出反应，并作为突变事件的性能替代品。

优点:

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

缺点:

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

了解更多:

我写了一个小片段来比较使用mutationobserver处理各种事件。我用了balupton的密码，因为他的答案得到了最多的好评。 Mozilla有一个关于API的优秀页面 看一下MutationSummary库

这个帖子在我调查这个主题的时候非常有帮助。

我把这里的一些代码修改成一个jQuery插件，这样它就可以以一种可重用的形式使用，主要是为了满足我的需求，但其他人可能更喜欢一个简单的界面来使用可满足的标记。

https://gist.github.com/3410122

更新:

由于其日益流行的插件已被Makesites.org采用

发展将从这里开始:

https://github.com/makesites/jquery-contenteditable

const p = document.querySelector('p') const result = document.querySelector('div') const观察者= new MutationObserver((mutationRecords) => { 结果。textContent = mutationRecords[0].target.data / /结果。textContent = p.textContent }) 观察者。观察(p, { characterData:没错, 子树:没错, }) abc contenteditable < p > < / p > < div / >