为什么事件冒泡会连续发生两次？
事件冒泡是 web 开发中一个重要的概念，它指的是当一个事件在嵌套的 HTML 元素中触发时，事件会从最内层的元素开始一直冒泡到最外层的元素。这个过程有时会引起困惑，其中一个常见问题就是事件冒泡会连续发生两次。
为了更好的理解为什么事件冒泡会连续发生两次，我们先来看一段代码示例：
<div id="outer">
<div id="inner">
<button id="button">Click me</button>
</div>
</div>
<script>
document.getElementById(\'button\').addEventListener(\'click\', function() {
console.log(\'Button clicked\');
});
document.getElementById(\'inner\').addEventListener(\'click\', function() {
console.log(\'Inner div clicked\');
});
document.getElementById(\'outer\').addEventListener(\'click\', function() {
console.log(\'Outer div clicked\');
});
</script>
