向相同元素添加多个事件处理程序
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()添加的事件: