码迷,mamicode.com
首页 > 其他好文 > 详细

浅谈-变动事件

时间:2016-07-24 00:28:42      阅读:167      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!