JQuery中阻止事件冒泡几种方式及其区别介绍

266 阅读 0 评论 176 点赞

我是靠谱客的博主热情星星，这篇文章主要介绍JQuery中阻止事件冒泡几种方式及其区别介绍，现在分享给大家，希望可以做个参考。

JQuery 提供了两种方式来阻止事件冒泡。

方式一：event.stopPropagation();

复制代码代码如下:

 
$("#div1").mousedown(function(event){ 
event.stopPropagation(); 
}); 

方式二：return false;

复制代码代码如下:

 
$("#div1").mousedown(function(event){ 
return false; 
}); 

但是这两种方式是有区别的。return false 不仅阻止了事件往上冒泡，而且阻止了事件本身。

event.stopPropagation() 则只阻止事件往上冒泡，不阻止事件本身。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。