DOM2

Posted 2020-09-27 小南瓜

D0M0体系
DOM2体系

《为什么需要DOM2体系 -- 事件的发展过程》

【D0M2事件体系】

冒泡 ：从最特定元素---向最不特定元素冒泡 （document body）
捕获： 捕获和冒泡相反 -- 从最不特定元素开始--最特定元素
事件流：整合了捕获和冒泡， 先捕获再冒泡。

《dom2监听语法 addEventListener（type，fn，开关）》

W3C标准

type：事件类型 -- 比如点击 鼠标 键盘

fn：事件执行的函数

开关： 设置是冒泡还是捕获

《微软体系》

  IE

attachEvent

《D0M2体系的优越性》
可以监听多个事件

《DOM0 2的执行顺序》

dom0优先dom2

《如何移除监听addEventListener（type，fn，开关）》

《微软移除监听体系detachEvent（‘onclick‘, Fn）》
ie中移除事件处理程序
btn.detachEvent(‘onclick‘, Fn);

 // 阻止冒泡以及捕获
    function stopPropagation(event){
        var event = getEvent(event);
        if(event.stopPropagation){
            event.stopPropagation();
        }else{
            event.cancelBubble = true;
        }
    }
    // 阻止默认行为
    function preventDefault(event){
        var event = getEvent(event);
        if(event.preventDefault){
            event.preventDefault();
        }else{
            event.returnValue = false;
        }
    }