阻止事件冒泡的方法stopPropagation()的详细介绍

stopPropagation()

stopPropagation()是JavaScript中的一个事件处理方法，它可以阻止事件的冒泡传播。当一个元素上的事件被触发时，它会先从元素本身开始触发，向父元素传播，到达文档的根元素。stopPropagation()方法可以阻止事件向上冒泡，使它只在当前元素上触发，而不会传播到父元素中。

使用stopPropagation()方法时，需要在事件处理函数中调用该方法，例如：

document.getElementById('myElement').addEventListener('click', function(event) {
    // 在这里阻止事件冒泡
    event.stopPropagation();
});

除了stopPropagation()，还有一个阻止事件默认行为的方法，即preventDefault()方法，它可以阻止默认行为，例如：

document.getElementById('myElement').addEventListener('click', function(event) {
    // 在这里阻止事件的默认行为
    event.preventDefault();
});

stopPropagation()和preventDefault()方法可以一起使用，可以有效地阻止事件的冒泡传播和默认行为。