addEventListener()和attachEvent()的异同

addEventListener()和attachEvent()的异同

1、两者都表示添加事件监听，其中addEventListener()IE9及以上主流浏览器，attachEvent()支持IE9以下浏览器；

2、addEventListener(“click”,function(){…},false)有三个参数，而attachEvent(“onclick”,function(){…})只有两个参数。
其中第一个参数表示监听的事件类型，前者不带"on"而后者带；
其次前者含有第三个参数，false表示不捕获事件处理程序，true表示捕获事件处理程序，而后者都不支持捕获事件处理程序；

3、addEventListener()相同参数在同一个对象上多次调用只注册一次，且重复调用只在首次生效；而attachEvent()则相同参数多次调用多次注册，且执行多次

4、addEventListener()对应的事件移除为removeEventListener()；而attachEvent()则为detachEvent()

<button id="button">click me</button>

<script type="text/javascript">
var b = document.getElementById("button");
var hander = function(){
	alert('addEventListener我弹一次')
}

if(b.addEventListener){
    //如果浏览器支持addEventListener
    b.addEventListener("click",hander,true)
    b.addEventListener("click",hander,true)
}else{
    b.attachEvent("onclick",hander)
    b.attachEvent("onclick",hander)
}
</script>