1、如果说给同一个元素绑定了两次或者多次相同类型的事件，那么后面的绑定会覆盖前面的绑定

2、不支持DOM事件流 事件捕获阶段目标元素阶段=>事件冒泡阶段

addEventListener

1、 如果说给同一个元素绑定了两次或者多次相同类型的事件，所以的绑定将会依次触发

2、 支持DOM事件流的

3、 进行事件绑定传参不需要on前端

addEventListener(“click”,function(){},true);//此时的事件就是在事件冒泡阶段执行

ie9开始，ie11 edge：addEventListener

ie9以前：attachEvent/detachEvent

1、 进行事件类型传参需要带上on前缀

2、 这种方式只支持事件冒泡，不支持事件捕获

事件绑定是指把事件注册到具体的元素之上，普通事件指的是可以用来注册的事件

1、如果说给同一个元素绑定了两次或者多次相同类型的事件，那么后面的绑定会覆盖前面的绑定

2、不支持DOM事件流 事件捕获阶段目标元素阶段=>事件冒泡阶段

addEventListener

1、 如果说给同一个元素绑定了两次或者多次相同类型的事件，所以的绑定将会依次触发

2、 支持DOM事件流的

3、 进行事件绑定传参不需要on前端

addEventListener(“click”,function(){},true);//此时的事件就是在事件冒泡阶段执行

ie9开始，ie11 edge：addEventListener

ie9以前：attachEvent/detachEvent

1、 进行事件类型传参需要带上on前缀

2、 这种方式只支持事件冒泡，不支持事件捕获

事件绑定是指把事件注册到具体的元素之上，普通事件指的是可以用来注册的事件

//普通添加事件的方法

var btn = document.getElementById('hello');

btn.onclick = function () {

    alert(1) // 不执行

}

btn.onclick = function () {

    alert(2) // 执行

}

//执行上面的代码只会执行2

//事件绑定添加事件

var btn = document.getElementById('hello');

btn.addEventListener('click', function () {

    alert(1) // 执行

}, false)

btn.addEventListener('click', function () {

    alert(2) // 执行

}, false)

//执行上面的代码会一次执行 1 2 

普通添加事件的方法不支持添加多个事件，最下面的事件会覆盖上面的，而事件绑定（addEventListener）方式添加事件可以添加多个。

提示：addEventListener不兼容低版本IE，使用addEventListener添加事件之前，请先处理兼容问题

//普通添加事件的方法

var btn = document.getElementById('hello');

btn.onclick = function () {

    alert(1) // 不执行

}

btn.onclick = function () {

    alert(2) // 执行

}

//执行上面的代码只会执行2

//事件绑定添加事件

var btn = document.getElementById('hello');

btn.addEventListener('click', function () {

    alert(1) // 执行

}, false)

btn.addEventListener('click', function () {

    alert(2) // 执行

}, false)

//执行上面的代码会一次执行 1 2 

普通添加事件的方法不支持添加多个事件，最下面的事件会覆盖上面的，而事件绑定（addEventListener）方式添加事件可以添加多个。

提示：addEventListener不兼容低版本IE，使用addEventListener添加事件之前，请先处理兼容问题

————————————————

版权声明：本文为CSDN博主「高先生的猫」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/z591102/article/details/105533238

来源于网络仅供参考

普通添加事件的方法不支持添加多个事件，最下面的事件会覆盖上面的，而事件绑定（addEventListener）方式添加事件可以添加多个。

1、如果说给同一个元素绑定了两次或者多次相同类型的事件，那么后面的绑定会覆盖前面的绑定

2、不支持DOM事件流 事件捕获阶段目标元素阶段=>事件冒泡阶段