25 -【经典面试】事件冒泡与事件捕获

[OceanApart]

当一个拥有父元素的元素触发事件时，现代浏览器会进行两个阶段：冒泡阶段和捕获阶段：

在捕获阶段：

• 浏览器会检查最外层的祖先 html 元素是否在捕获阶段注册了 onclick 事件，如果是，运行对应的回调函数。
• 然后移动到 html 的子元素上，执行相同步骤，以此类推，直到到达实际被点击的元素。

在冒泡阶段恰恰相反：

• 浏览器会检查被点击的元素是否注册了 onclick 事件，如果是，则执行对应代码。
• 然后移动到下一个直接相邻的祖先元素，做相同的事，以此类推，直到到达 html 元素。

现代浏览器默认情况下，所有事件都注册在冒泡阶段。

[minjs1cn]

如何阻止捕获？ 如何阻止冒泡？ 现代浏览器默认情况下，所有事件都注册在冒泡阶段，为什么？ 什么情况下使用捕获？ 什么情况下使用冒泡？

[tradyau]

https://juejin.cn/post/6844903834075021326#heading-4

[FE92star]

1. 事件冒泡：事件触发由最具体的元素接收，然后逐级向上传播到较为不具体的节点（文档）。
2. 事件捕获：document对象首先接收到事件，然后事件沿着dom🌲向下传播，一直到事件的实际目标。