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

2020-05-13 我要评论

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

方式一：event.stopPropagation();

复制代码代码如下:

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

方式二：return false;

复制代码代码如下:

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

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

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