addEventListener和attachEvent事件区别

向相同元素添加多个事件处理程序

addEventListener() 方法允许您向相同元素添加多个事件，同时不覆盖已有事件：

element.addEventListener("click", function);
element.addEventListener("click", function);
element.addEventListener("mouseover", function);
element.addEventListener("click", function);
element.addEventListener("mouseout", function);

ie8

element.attachEvent(event, function);

跨浏览器解决方案：

var x = document.getElementById("Btn");
if (x.addEventListener) {                    // 针对主流浏览器，除了 IE 8 及更正版本
    x.addEventListener("click", function);
} else if (x.attachEvent) {                  // 针对 IE 8 及更早版本
    x.attachEvent("onclick", function);
} 

attachEvent()绑定多个事件的时候，和addEventListener()以相反的顺序触发

addEventListener 先执行上面，attachEvent先执行下面的

移出事件

removeEventListener的作用一样，deachEvent()也可以移除attachEvent()添加的事件：