javascript - IE 7 和 8 中的 contenteditable 更改事件

Question

就像this other question ，我希望能够在用户更改内容可编辑的 DIV 的内容时调用一个函数。但是，我想支持 IE 7-10。 IE 7 和 8 do not support “输入”事件。标准模式下的 IE 9 和 IE 10 支持“输入”，但无法触发“输入”事件以响应剪切、粘贴、删除(从上下文菜单)或文本放置操作。此外，当用户从上下文菜单中选择建议的拼写时，Windows 8 上的 IE 10 不会触发“输入”事件以响应拼写更正更改。

参见 http://fiddle.jshell.net/2ScfA/show/

在所有版本的 Internet Explorer 中，我在使用“剪切”和“粘贴”上下文菜单选项时看到“剪切”和“粘贴”事件。

在 IE 9 标准模式和 IE 10 中，我可以使用 DOMNodeRemoved 和 DOMNodeInserted 来处理因将文本放入可内容编辑的 DIV 或使用上下文菜单更改 DIV 的内容而导致的更改。

但是，IE 7 和 8 不支持 DOM 突变事件。如果我使用 IE 7 或 8 的删除或撤消上下文菜单选项或将文本放入 DIV 中，我没有看到针对这些更改触发的事件。

当用户从上下文菜单中选择“删除”或“撤消”，或者将文本拖放到 DIV 中时，是否会在 IE 7 和 8 中触发一个事件，并且内容可编辑的 DIV 的内容已更改？

Answer 1

onselectionchange是 IE 中非常有用的事件。它的触发条件与较新浏览器中的 oninput 非常相似。