JS监控DOM的事件（内部插入、移除、修改属性等）！爽！

标签：

这可不是简单的 onclick、onchange，你对 DOM 进行内部插入、移除、属性修改等均会触发相应事件。

DOM 事件列表：

• DOMAttrModified

• DOMAttributeNameChanged

• DOMCharacterDataModified

• DOMElementNameChanged

• DOMNodeInserted

• DOMNodeInsertedIntoDocument

• DOMNodeRemoved

• DOMNodeRemovedFromDocument

• DOMSubtreeModified

如何用？

像普通绑定事件一样绑定到 DOM 里就可以。

兼容性？

我只测了 Firefox 和 Chrome，其他的没有测，我的项目只需要兼容现代浏览器就可以了。

参考MDN：https://developer.mozilla.org/en-US/docs/Web/API/MutationEvent

参考W3C：http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-MutationEvent

JS监控DOM的事件（内部插入、移除、修改属性等）！爽！

标签：

原文地址：http://my.oschina.net/u/988279/blog/491173