冒泡和捕捉的执行顺序

我们先了解冒泡和捕捉是什么：
冒泡：

冒泡是HTML结构盒子，一步一步向上走。

捕捉：
跟冒泡相反

我们来看一个例子：
HTML：

CSS:

JS:
图示：

首先我们以点击box3为目标事件，当我们点击box3之后的执行顺序：box111，box222，box3，box333，box2，box1。这就很明确了顺序，首先是捕捉----在点击目标代码顺序----在冒泡。先捕捉到结构最外层的box111，先捕捉到box222，到点击目标的时候一定要注意，是先执行点击目标的逻辑代码（box3放在box333前面先执行box3，box333在box3前面先执行box333）,等目标逻辑执行完之后在执行冒泡，box2，box1。