jQuery停止事件冒泡 - 我竟然比我还帅

jQuery停止事件冒泡

• event.stopPropagation();

     在jQuery中提供了stopPropagation()方法来停止事件冒泡。终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后，该节点上处理该事件的处理程序将被调用，事件不再被分派到其他节点。在事件的处理中，可以阻止冒泡但是允许默认事件的发生。

<scripttype="text/javascript"> 
$(function(){ 
$("#hr_three").click(function(event){ 
event.stopPropagation(); 
}); 
}); 
<script> 

View Code

• return false;

    在事件的处理中，可以阻止默认事件和冒泡事件。 

<scripttype="text/javascript"> 
$(function(){ 
$("#hr_three").click(function(event){ 
event.stopPropagation(); 
}); 
}); 
<script> 

View Code

• event.preventDefault();

    它的作用是：事件处理过程中，不阻击事件冒泡，但阻击默认行为。

    例如，如果 type 属性是 "submit"，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。

　  注意，如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。