传统事件(普通事件)
div1.onclick = function(){};
<button onmouseover = ''></button>
1.如果给同一个元素绑定多个相同类型的事件,那么后面的事件会覆盖前面的事件
2.不支持DOM事件流 事件捕获阶段☞目标元素阶段☞事件冒泡阶段
w3c标准事件(事件绑定)
addEventListener
1、如果给同一个元素绑定了两次或者多次相同类型的事件,所有的绑定将会依次触发
2、支持DOM事件流的
3、进行事件绑定传参不需要on前缀
addEventListener("click",function(){},true);//此时的事件就是在事件捕获阶段执行的
其中三个参数:1、触发事件,2、触发的函数,3、布尔值(表示是否捕获:true--捕获;false--冒泡【默认】)
其中:
ie9开始,ie11 edge:addEventListener
ie9以前ie8:attachEvent/detachEvent