JavaScript注册事件的两种方式

JavaScript注册事件的两种方式

1. 传统注册方式(具有唯一性，后面注册事件的处理函数会覆盖掉前面的处理函数)

var btn=document.querySelectorAll('button');
        btn[0].onclick=function(){
            alert('你好');   //不会弹出
        }
        btn[0].onclick=function(){
            alert('我不好');   //会弹出
}

2. 方法监听注册方式addEventListener(),IE9之前使用attachEvent(),同一个元素同一个事件可以注册多个监听器，按注册事件依次执行
   addEventListener(type,listener[,useCapture])
   a. type(事件类型字符串，不用加on，如click,mouseover)
   b. listener(事件处理函数，事件发生时会调用该监听函数)
   c. useCapture(可选参数，是一个布尔类型，默认值是false)

btn[1].addEventListener('click',function(){
            alert('你好');  //会弹出
})
btn[1].addEventListener('click',function(){
            alert('我不好');  //会弹出
})