js中如何ajax-Js中如何阻止事件冒泡：示例代码

1、在JavaScript中，可以通过使用事件对象的stopPropagation()方法来阻止事件冒泡。事件冒泡是指当一个元素上的事件被触发时，它会向上冒泡到父元素，直到到达文档根节点。通过阻止事件冒泡，我们可以防止事件继续向上冒泡到其他元素。

示例代码如下：

// HTML结构
<div id="parent">
  <div id="child">
    <button id="btn">点击我</button>
  </div>
</div>
// JavaScript代码
document.getElementById("btn").addEventListener("click", function(event) {
  event.stopPropagation();
  console.log("按钮被点击");
});
document.getElementById("child").addEventListener("click", function() {
  console.log("子元素被点击");
});
document.getElementById("parent").addEventListener("click", function() {
  console.log("父元素被点击");
});

在上述示例中，当点击按钮时，按钮的点击事件被触发。通过调用事件对象的stopPropagation()方法，我们阻止了事件冒泡，因此只会输出"按钮被点击"，而不会输出"子元素被点击"和"父元素被点击"。这是因为点击按钮时，事件不再向上冒泡到子元素和父元素。

请注意，如果不调用stopPropagation()方法，事件将会继续向上冒泡到父元素和根元素，从而触发它们的点击事件。