js事件冒泡,阻止事件冒泡
时间: 2024-03-29 16:15:29 浏览: 222
js阻止冒泡事件
JavaScript事件冒泡是指事件从最具体的元素开始,逐级向上传播到最不具体的元素。如果不阻止事件冒泡,事件会在元素层次结构中所有祖先元素中都被触发。可以使用`event.stopPropagation()`方法来阻止事件冒泡。
示例代码如下:
```javascript
document.getElementById("child").addEventListener("click", function(event){
alert("child clicked");
event.stopPropagation();
});
document.getElementById("parent").addEventListener("click", function(){
alert("parent clicked");
});
```
在上面的代码中,当单击“child”元素时,只会触发“child clicked”弹出框,而不会触发“parent clicked”弹出框。这是因为`event.stopPropagation()`方法阻止了事件冒泡。
阅读全文