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除了阻止默认行为之外,还会阻止事件冒泡!
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-1.9.1源码分析系列(一)整体架构
- 三、jQuery--jQuery基础--jQuery基础课程--第11章 jQuery 工具类函数
- 两种方法基于jQuery实现IE浏览器兼容placeholder效果【转】
- JQuery中的prop和attr
- 理解jquery的$.extend()、$.fn和$.fn.extend()
- 前端学习笔记(zepto或jquery)—— 布局技巧(一)
- jQuery 可见性过滤选择器
- jQuery uploadify-v3.1 批量上传
- jQuery内容过滤器
- jquery操作DOM 元素(3)
- jQuery学习笔记之概念(1)
- jQuery学习笔记之概念(1)
- 夺命雷公狗jquery---62通过$.getJSON来解决Ajax跨域请求问题
- 夺命雷公狗jquery---61Ajax跨域请求之方法2
- jquery动态创建dom节点
- jQuery实现加入购物车飞入动画效果
- 夺命雷公狗jquery---60Ajax跨域请求之方法1
- jQuery取得select选中的值
- jquery隐式迭代
- jquery 根据id动态分配change,click事件等