如何阻止事件冒泡

冒泡型事件：事件按照从特定的事件目标到不特定的事件目标(document对象)的顺序触发。

事件捕获和事件冒泡属于两个相反的过程，这里可以有一个我感觉十分恰当的比喻，当你把一个可以漂浮在水面上的物品，使劲向水里砸下去，它会首先有一个下降的过程，这个过程就可以理解为从最顶层向事件发生的最具体元素（目标点）的捕获过程；之后由于浮力大于物体自身的重力，物体会在到达最低点（ 最具体元素）之后漂浮到水面上，这个过程相对于事件捕获是一个回溯的过程，即事件冒泡（子元素和上层元素绑定了相同类型的时间，例如click）。

两种方式来阻止事件冒泡。

方式一：event.stopPropagation();

$("#div1").mousedown(function(event){

event.stopPropagation();

});

 

方式二：return false;

 

$("#div1").mousedown(function(event){

return false;

});

 

 

但是这两种方式是有区别的：

return false 不仅阻止了事件往上冒泡，而且阻止了事件本身。

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