1.事件捕获
捕获是从上到下,事件先从window对象,然后再到document(对象),然后是html标签(通过document.documentElement获取html标签),然后是body标签(通过document.body获取body标签),然后按照普通的html结构一层一层往下传,最后到达目标元素。我们只需要将addEventListener的第三个参数改为true就可以实现事件捕获。。
2.事件冒泡
所谓事件冒泡就是事件像泡泡一样从最开始生成的地方一层一层往上冒。我们只需要将addEventListener的第三个参数改为false就可以实现事件冒泡。
比如上图中id为child1的div标签为事件目标,点击之后后同时也会触发父级上的点击事件,一层一层向上直至最外层的html或document。
注:当第三个参数为false
或者为空的时候,代表在冒泡阶段绑定。