首页 > Web开发 > 详细

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

时间:2015-08-12 17:13:21      阅读:1167      评论:0      收藏:0      [点我收藏+]

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!