addeventlistener事件第三个参数_JavaScript 添加事件和移除事件

1. 添加事件
2. 移除事件
3. addEventListener 和 removeEventListener 的第三个参数
4. 封装添加事件的兼容函数（兼容所有浏览器）
5. 封装移除事件的兼容函数（兼容所有浏览器）

一、添加事件

首先有两个这样的盒子，左边盒子id = "box1"，右边盒子id = "box2"；

/* 同一个对象的事件 会相互覆盖 */
        

通过添加事件监听器的的方式注册事件，不会相互覆盖，但是有兼容问题(IE等辣鸡浏览器不兼容)；
IE等辣鸡浏览器要通过 attachEvent() 两个参数 1.事件类型(字符串 要加on) 2.监听器(事件处理函数)

二、移除事件

/* 普通的添加移除事件 */
        

三、addEventListener 和 removeEventListener 的第三个参数

这里有两个盒子，父级标签 id = "father"，子级标签 id = "son"；

var 

第三个参数：
（1）false：不使用捕获，使用冒泡，自下而上（即事件是从子级到父级，一直到window）；
（2）true：使用捕获，自上而下（即事件从父级到子级，从window到son）。

四、封装添加事件的兼容函数（兼容所有浏览器）

如下，已经封装好了

/**

五、封装移除事件的兼容函数（兼容所有浏览器）

如下，已经封装好了

/**

CSDN：https://blog.csdn.net/weixin_43148062

简书：https://www.jianshu.com/u/45339cbb7573