JS中的事件冒泡是什么？如何阻止？

事件冒泡是javascript中事件从子元素向祖先元素逐级触发的传播机制。当你在嵌套结构中点击一个元素，事件会从目标元素开始向上冒泡，依次触发父元素的同类型事件，默认情况下大多数事件在冒泡阶段执行。例如点击按钮时，先执行按钮的点击处理函数，再执行外层div的点击处理函数。要阻止事件冒泡，可以使用event.stoppropagation()方法，它阻止事件继续向上传播但不影响当前元素其他监听器的执行；若同时想阻止默认行为，还需使用event.preventdefault()。实际开发中，如菜单弹出框或下拉框场景，点击子元素不希望触发父元素事件时，可用stoppropagation()避免意外行为。其他相关方法包括event.stopimmediatepropagation()（阻止冒泡和后续监听器执行）以及理解event.target与event.currenttarget的区别，target是真正触发事件的元素，currenttarget是当前处理事件的元素。掌握这些机制有助于解决复杂结构中的事件处理问题。

事件冒泡是 JavaScript 中事件传播的一种机制。简单来说，当你在一个嵌套结构中触发某个元素的事件（比如点击一个按钮），这个事件会从最内层的目标元素开始，然后向外传播，逐级向上触发父元素、祖父元素等祖先元素上的同类型事件。

比如你有一个 div 里面包着一个按钮，给它们都绑定了点击事件，那么点击按钮时，先执行按钮的点击处理函数，再执行外层 div 的点击处理函数。这就是事件冒泡的表现。

什么是事件冒泡？

在 DOM 事件流中，事件传播分为三个阶段：捕获阶段、目标阶段和冒泡阶段。默认情况下，大多数事件是在冒泡阶段被触发的。

举个例子：

<div id="outer">
  外层 div
  <button id="inner">点我</button>
</div>