我们现在绑定的事件都是.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('我是第二个事件')
})