浅谈-变动事件

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

　　

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

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

　　

　　删除节点

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

　　

实例：

　　

 　　EventUtil.addHandler(window,"load",function(event){
        var list = document.getElementById("list");
        EventUtil.addHandler(document,"DOMNodeRemoved",function(event){
            event = EventUtil.getEvent(event);
            console.log("1");
        });
        EventUtil.addHandler(list.firstChild,"DOMNodeRemovedFromDocument",function(event){
            event = EventUtil.getEvent(event);
            console.log("2");
        });
        EventUtil.addHandler(document,"DOMSubtreeModified",function(event){
            event = EventUtil.getEvent(event);
            console.log("3");
        });
        list.parentNode.removeChild(list);

    });

//　　结果： 1-2-3