参考博客addEventListener()中的第三个参数
参考博客addEventListener()第三个参数useCapture (Boolean)详细解析
总结:
W3C标准中event触发的顺序:先捕获再冒泡
| | / \
-----------------| |--| |-----------------
| element1 | | | | |
| -------------| |--| |----------- |
| |element2 \ / | | | |
| -------------------------------- |
| W3C event model |
------------------------------------------
在捕获阶段,如果外层元素添加了handler且useCapture=true,则触发该元素的handler事件
到达目标元素,触发目标元素的handler事件
在冒泡阶段,如果外层元素添加了handler且useCapture=false,则触发该元素的handler事件
useCapture默认是false