在元素单击事件之前触发主体单击事件

Question

此处为显示绑定到特定元素的单击事件的图像。

a.interstitial 处理程序使用 jQuery 附加。 主体处理程序使用 addEventListener() 附加（我认为，该代码被混淆且难以阅读）。

我想取消“a.interstitial”处理程序中的“body”事件处理程序执行，但我不能，因为出于某种原因，主体处理程序总是首先运行。 这与我对事件冒泡如何工作的理解相反。 更具体的（“a.interstitial”）处理程序不应该在主体处理程序之前运行吗？

Answer 1

正如您提到的，body 是通过 addEventListener 注册的。 如果第三个参数设置为 true，您能否检查 addEventListener 调用。 如果是这样，它将在分派到任何 EventTarget 之前分派到注册的侦听器

参考https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

在这种情况下，首先执行 body 函数，然后发生锚点的点击动作。