传统事件（普通事件）

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