假设有一个包含链接（a href）的 div，并且有三个事件侦听器 - on-click - 1）针对整个页面，2）针对 div 3）标签。如果用户点击a标签，监听器是如何触发的？它们的注册顺序是什么？
本质上，这取决于。事件有两个阶段：捕获（首先发生），文档向下，冒泡，元素向上。
JS 可以做到这两点，这就是为什么在创建一个自定义事件监听时你有第三个布尔变量，例如
parent.addEventListener('click',doSomething2,true)
child.addEventListener('click',doSomething,false)
如果它的最后一个参数为 true，则为捕获阶段设置事件处理程序，如果为 false，则为冒泡阶段设置事件处理程序。
回头参考示例代码并引用这一页:
如果用户单击子元素，则会发生以下情况：
点击事件在捕获阶段开始。该事件会查找 child 的任何祖先元素是否具有用于捕获阶段的 onclick 事件处理程序。
该事件在家长身上找到了一个。 doSomething2() 被执行。
事件向下传播到目标本身，没有找到更多用于捕获阶段的事件处理程序。事件进入冒泡阶段并执行 doSomething()，该事件在冒泡阶段注册到子级。
该事件再次向上传播并检查目标的任何祖先元素是否具有用于冒泡阶段的事件处理程序。事实并非如此，所以什么也没有发生。
我上面链接的页面包含更多信息，但希望这能回答基本问题。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
