事件捕获（快速理解）

先看一个例子

点击box2结果如下：

是不是很疑惑，自己明明点击的是box2，打印的数据却是“点击box1 点击box2”？？？？其实这就是事件捕获。

事件捕获

从最不具体的元素到最具体的元素（由外向内）

在捕获的过程中，最外层（根）元素的事件先被触发，然后依次向内执行，直到触发最里面的元素（事件源）

---

事件监听：addEventListener('事件', function(){ }, flase/true)；

用于监听某个事件，当监听到这个事件时去执行某个方法

addEventListener() ：

• 第一个参数是需要绑定的事件；

• 第二个参数是触发事件后要执行的函数；

• 第三个参数默认为false，为false时，表示事件冒泡阶段执行，从里往外；为true时，表示事件捕获阶段执行，从外往里。