addeventlistener 与 removeeventlistener

Posted 2020-08-14 叶向晚77

事件流：事件捕获，事件处理，事件冒泡

addEventListener()与removeEventListener()用于处理指定事件和删除事件处理程序。所有的DOM节点中都包含这两种方法，并且它们都接受3个参数：要处理的事件名、作为事件处理程序的函数和一个布尔值。这个布尔值参数是true，表示在捕获阶段调用事件处理程序；如果是false，表示在冒泡阶段调用事件处理程序。
// 添加事件  
    addHanlder: function (element, type, hanlder) {  
        if (element.addEventListener) {  
            element.addEventListener(type, hanlder, false);  
        }  
        else if (element.attachEvent) {  
            element.attachEvent(‘on‘ + type, hanlder);  
        }  
        else {  
            element[‘on‘ + type] = hanlder;  
        }  
  
    },  
    // 删除事件  
    removeHanlder: function (element, type, hanlder) {  
        if (element.removeEventListener) {  
            element.removeEventListener(type, hanlder, false);  
        }  
        else if (element.detachEvent()) {  
            element.detachEvent(‘on‘ + type, hanlder);  
        }  
        else {  
            element[‘on‘ + type] = null;  
        }  
    }