javascript 可以在每个 Dom 元素上侦听“onDomChange”吗？答案

【问题标题】：Can javascript listen for "onDomChange" on every Dom elements?javascript 可以在每个 Dom 元素上侦听“onDomChange”吗？
【发布时间】：2010-11-22 10:01:48
【问题描述】：

我的问题有点奇怪，但我可以为任何 DOM 元素（div）添加事件，比如 'onHtmlChange'，当该 div 更改其内容时收到通知？

【问题讨论】：

理想情况下，您永远不需要这样的事件。究竟什么会使任何给定元素的 HTML 发生变化？
GMaps 正在为一个 DIV 提供他的内容。但我问题的根源只是模仿数据流编程方法：P

标签： javascript events dom

【解决方案1】：

查看DOMNodeInserted 和DOMNodeRemoved。

Ben Nadel 最近发布了以下博客：Detecting When DOM Elements Have Been Removed With jQuery

【讨论】：

似乎 OP 想知道 div 内的 HTML 内容何时发生了变化。
@seth — 使用 W3C 模型的浏览器在更改节点的内容时应该同时触发 DOMNodeInserted 和 DOMNodeRemoved，即使它只是文本节点（刚刚测试 FF3）。链接文章中提到的 IE 技巧可以很容易地扩展到 .html() 和 .text() 以模仿这一点。

【解决方案2】：

DOMNodeInserted 和 DOMNodeRemoved 是 Mutation Events 的一部分，现在已弃用。因此，您需要查看Mutation Observer。我在我的一个项目中做了同样的事情，我需要监听某个元素的 DOM 变化。例如DOM 追加、删除、属性和数据更改。

这些链接将对您有所帮助：

【讨论】：