dom事件如何在捕获和泡沫阶段传播?

时间:2016-10-30 06:59:06

标签: javascript html events dom

我写的这个案子让我非常困惑。不用多说,这里是代码:

<body>
<div id="b">
    <div id='a'>TeTS</div>
</div>
</body>
<script>
    var shitsauce = document.getElementById('a')

    shitsauce.addEventListener("click", function() {
        console.log('a regular 1')
    })
    shitsauce.addEventListener("click", function() {
        console.log('a capture')
    }, true)
    shitsauce.addEventListener("click", function() {
        console.log('a regular 2')
    })
</script>

我会假设点击元素&#39; a&#39;,事件的顺序是:

  • 捕获
  • 常规1
  • 常规2

但相反,我看到了:

  • 常规1
  • 捕获
  • 常规2

我认为所有捕获处理程序总是会在任何非捕获处理程序之前执行。这就是它在这里描述的方式:https://javascript.info/tutorial/bubbling-and-capturing。为什么在这个例子中没有发生这种情况?

0 个答案:

没有答案