Jquery 事件冒泡 以及阻止默认事件

标签：

1.e.preventDefault()阻止事件默认行为

e.preventDefault();----根据英文意思，如：<a href="http://i.cnblogs.com/EditPosts.aspx?opt=1" id="xx">xx</a>

$("#xx").click(function(e){

alert("xxx");
e.preventDefault();
});  ----------------------------------这个时候 会弹出“xxx”，不会跳转到href==

2.e.stopPropagation() 阻止事件冒泡

事件冒泡 都是由里而外的。

<div style="width:200px;height:200px;border:1px solid red;" class="pp">
　　<a href="http://i.cnblogs.com/EditPosts.aspx?opt=1" id="xx">xx</a>
</div>

$(".pp").click(function(e){

alert("PP");
});
$("#xx").click(function(e){

alert("xxx");
e.preventDefault();
e.stopPropagation();
});-----------这个时候  就不会弹出“PP”

3。return false除了阻止默认行为之外，还会阻止事件冒泡！

Jquery 事件冒泡 以及阻止默认事件

标签：

原文地址：http://www.cnblogs.com/qianduanxiaocaij/p/4933490.html