js事件的绑定方式

我们现在绑定的事件都是.onxxxx的方式，这个是DOM0级的事件绑定方式

 注：这个方式不是很好

        弊端 一旦写了第二个事件，那么第一个就会被覆盖

案例：

var oDiv = document.querySelector('div')
oDiv.onclick = function(){
      console.log('触发了事件1')
}

oDiv.onclick = function(){
     console.log('触发了事件2')
}

 事件监听

addEventListener的方式添加

addEventListener('事件类型',事件处理函数[,冒泡还是捕获])

var oDiv = document.querySelector('div')
oDiv.addEventListener('click',function(){
   console.log('我是第一个事件')
})

oDiv.addEventListener('click',function(){
   console.log('我是第二个事件')
})