事件冒泡是指在页面中，如果一个特定的事件（比如点击事件）发生在某个 DOM 元素上，该事件将会依次从该元素开始向其祖先元素（父元素、祖父元素等）传播，直到到达文档根节点。这个过程就像是事件从内部元素冒泡到了外部元素，因此称为事件冒泡。
举个例子，如果你点击了一个按钮（内部元素），而该按钮位于一个包含该按钮的 <div> 元素内部，则点击事件将首先在按钮上触发，然后冒泡到包含它的 <div> 元素上，接着是可能包含该 <div> 的其他父元素，直到最终到达文档的根元素（通常是 <html> 或 <body>）。
JavaScript 中可以利用事件冒泡来捕获事件，即可以在父元素上监听事件，而不必在每个子元素上都添加事件监听器。通过捕获事件并在父元素上处理，可以减少事件监听器的数量并简化代码结构。
可以使用 addEventListener() 添加事件监听器，事件监听器可以在捕获阶段或冒泡阶段执行。例如：
document.addEventListener('click', function(event) {
console.log('被点击的元素：', event.target);
});
在这个例子中，当页面中任何地方被点击时，都会触发 click 事件，并且在控制台打印出被点击的元素。
Was this helpful?
0 / 0