JavaScript阻止事件冒泡的方法？

在JavaScript中，我们可以使用事件对象的 stopPropagation() 方法来阻止事件冒泡。

以下是一个简单的示例，演示了如何在点击一个按钮时阻止事件冒泡：

// 获取按钮元素
var button = document.getElementById('myButton');

// 添加点击事件监听器
button.addEventListener('click', function(event) {
  // 阻止事件冒泡
  event.stopPropagation();

  // 在此处添加你的代码...
});

在这个示例中，当用户点击ID为 'myButton' 的按钮时，会触发一个点击事件。这个事件会首先被按钮自身的点击事件监听器捕获，然后调用 event.stopPropagation() 方法来阻止事件冒泡到父元素。这样，任何绑定在父元素上的点击事件监听器都不会被触发。

需要注意的是，stopPropagation() 方法只能阻止同一DOM树中的事件冒泡，它并不能阻止捕获阶段的事件传播，也不能阻止事件在其他窗口或框架中的传播。