Linux 拨号vps windows公众号手机端

如何阻止JavaScript事件冒泡传递

lewis 7年前 (2019-01-17) 阅读数 15 #程序编程
文章标签 JavaScript

要阻止JavaScript事件冒泡传递,可以使用以下方法之一:

1. 使用event.stopPropagation()方法:

- 在事件处理程序中调用event.stopPropagation()方法,该方法将停止事件继续传播到父元素或其他监听该事件的元素。

element.addEventListener('click',function(event){

event.stopPropagation();

});

2. 使用event.cancelBubble属性(在旧版本的浏览器中):

- 在事件处理程序中将event.cancelBubble属性设置为true,这样就可以阻止事件继续传播到父元素或其他监听该事件的元素。

element.onclick=function(event){

event.cancelBubble=true;

};

这些方法都能有效地阻止事件冒泡传递,根据你的项目需求和所支持的浏览器版本,可以选择合适的方法来使用。



版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门