javascript - 监听任何 DOM 修改 - 对 DOM 进行哈希处理

Question

我很想知道是否有一种有效的方法来检测 DOM 的任何变化。

阅读DOMSubtreeModified与现代浏览器不兼容的内容。

我在考虑hashingDOM 中包含的所有信息，并将其与计时器进行比较，与刷新后的 DOM 进行比较。

我只是想在 DOM 更改时触发一个事件。

您如何看待这种散列 DOM 方法？

Answer 1

这个类似的问题应该会有所帮助： Is there a JavaScript/jQuery DOM change listener？

这也将使您朝着正确的方向前进：http ://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-eventgroupings-mutationevents

这也可能对 MDN 有所帮助：https ://developer.mozilla.org/en/DOM_Events

Answer 2

由于性能问题，目前不推荐使用Mutation Event 。因此，请使用Mutation Observer。我在我的一个项目中使用 Mutation Observer 进行了 DOM 更改/修改侦听器，效果很好！为了您的进一步实施，这些链接将帮助您：

1. http://gabrieleromanato.name/jquery-detecting-new-elements-with-the-mutationobserver-object/
2. 是否有 JavaScript/jQuery DOM 更改监听器？
3. https://github.com/kapetan/jquery-observe