JS监控DOM的事件(内部插入、移除、修改属性等)!爽!

家住魔仙堡 提交于 2020-04-18 02:35:59

这可不是简单的 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

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!