您的位置:首页 > Web前端 > JQuery

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

2015-11-03 16:09 633 查看
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除了阻止默认行为之外,还会阻止事件冒泡!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: