首页 > 其他 > 详细

浅谈-变动事件

时间:2016-07-24 00:28:11      阅读:244      评论:0      收藏:0      [点我收藏+]

在DOM2级中添加进来的,当在DOM中的某一部分发生变化时给出提示。

  技术分享

  当我们在使用的时候,可以检测浏览器是否支持变动事件:

 var isSupported = documennt.implementation.hasFeature("MutationEvents","2.0");

  

  删除节点

    在使用 removeChild()或 replaceChild() 从DOM中删除节点时,会一次触发如下事件

  技术分享

实例:

  

 1    EventUtil.addHandler(window,"load",function(event){
 2         var list = document.getElementById("list");
 3         EventUtil.addHandler(document,"DOMNodeRemoved",function(event){
 4             event = EventUtil.getEvent(event);
 5             console.log("1");
 6         });
 7         EventUtil.addHandler(list.firstChild,"DOMNodeRemovedFromDocument",function(event){
 8             event = EventUtil.getEvent(event);
 9             console.log("2");
10         });
11         EventUtil.addHandler(document,"DOMSubtreeModified",function(event){
12             event = EventUtil.getEvent(event);
13             console.log("3");
14         });
15         list.parentNode.removeChild(list);
16 
17     });

//  结果: 1-2-3 

 

 

浅谈-变动事件

原文:http://www.cnblogs.com/czhyuwj/p/5699807.html

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