为何同一事件会触发两次冒泡？

为何同一个事件冒泡会重复发生两次？

事件冒泡是一种在浏览器中常见的事件传递机制。当一个元素触发了某个事件，这个事件将会从被触发的元素开始向上级元素依次传递，直到传递到了文档的根元素。这个过程就像水泡在水中冒起，所以被称为事件冒泡。

然而，有时我们会发现同一个事件冒泡会重复发生两次，这是为什么呢？原因主要有两个方面：事件注册和事件处理。

首先，我们需要明确的是，事件注册是指将事件绑定到某个元素上。在常见的Web开发中，我们通常会使用addEventListener()方法来给元素添加事件监听器。当我们使用该方法给元素添加事件监听器时，有时会出现重复的情况。例如：

var element = document.getElementById(\'myElement\');
element.addEventListener(\'click\', function() {
    console.log(\'事件冒泡\');
});