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="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除了阻止默认行为之外,还会阻止事件冒泡!

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