js中stoppropagation怎么使用 - 问答

在JavaScript中，stopPropagation()方法用于阻止事件的进一步传播或冒泡。当事件被触发时，它会阻止事件冒泡到父元素。

以下是stopPropagation()方法的使用方法：

在HTML中，为元素添加一个事件监听器，比如点击事件：

<button id="myButton">Click me</button>

在JavaScript中，获取元素并为其添加点击事件监听器：

const button = document.getElementById('myButton');
button.addEventListener('click', function(event) {
alert('Button clicked');
event.stopPropagation();
});

在事件监听器的代码中，调用stopPropagation()方法来停止事件继续传播：

event.stopPropagation();

在上面的例子中，当按钮被点击时，会弹出一个提示框显示"Button clicked"。如果不调用stopPropagation()方法，点击按钮后，事件会继续传播到父元素，可能会触发父元素上的其他事件。但是由于调用了stopPropagation()方法，事件不会再传播到父元素，只会在按钮上触发。

请注意，stopPropagation()方法只会阻止事件冒泡，而不会阻止事件的默认行为。如果需要同时阻止冒泡和默认行为，可以使用preventDefault()方法：

event.preventDefault();
event.stopPropagation();

0 赞

0 踩