event.stopPropagation()方法阻止事件冒泡

event.stopPropagation()方法

event.stopPropagation()方法是JavaScript中的一个方法，它可以阻止事件冒泡。当一个元素上的事件被触发时，该事件会向上冒泡到父元素，而使用event.stopPropagation()方法可以阻止这种冒泡行为。

使用方法

使用event.stopPropagation()方法可以阻止事件冒泡，它的使用方法非常简单，只需在事件处理函数中添加event.stopPropagation()语句即可，例如：

document.getElementById("btn").addEventListener("click", function(event) {
    // 阻止事件冒泡
    event.stopPropagation();
});

上面代码中，当id为btn的元素被点击时，会触发click事件，event.stopPropagation()方法可以阻止该事件向上冒泡。

event.stopPropagation()方法也可以阻止自定义事件的冒泡，例如：

// 定义一个自定义事件
var customEvent = new CustomEvent('myEvent');

// 监听自定义事件
document.addEventListener('myEvent', function(event) {
    // 阻止事件冒泡
    event.stopPropagation();
});

// 触发自定义事件
document.dispatchEvent(customEvent);

上面代码中，自定义事件myEvent被触发后，会向上冒泡，event.stopPropagation()方法可以阻止该事件冒泡。

event.stopPropagation()方法可以阻止事件冒泡，它可以阻止DOM事件的冒泡，也可以阻止自定义事件的冒泡。使用方法非常简单，只需在事件处理函数中添加event.stopPropagation()语句即可。