jquery取消事件冒泡的三种方法(推荐)
更新时间：2016年05月28日 11:35:51 投稿：jingxian
下面小编就为大家带来一篇jquery取消事件冒泡的三种方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
1、通过返回false来取消默认的行为并阻止事件起泡。
jQuery 代码:
$("form").bind(
"submit",
function() {
return false;
}
);
2、通过使用 preventDefault() 方法只取消默认的行为。
jQuery 代码:
$("form").bind(
"submit",
function(event){
event.preventDefault();
}
);
3、通过使用 stopPropagation() 方法只阻止一个事件起泡。
jQuery 代码:
$("form").bind(
"submit",
function(event){
event.stopPropagation();
}
);
（4）总结
1. 一个事件起泡对应触发的是上层的同一事件
特殊：如果two设置成双击事件，那么在你单击two的时候就会起泡触发one单击的事件
（双击包含单击）。
2. 如果在click事件中，在你要处理的事件之前加上e.preventDefault();
那么就取消了行为（通俗理解：相当于做了个return操作），不执行之后的语句了。
3. e.stopPropagation()只要在click事件中，就不会触发上层click事件。
//如果提供了事件对象，则这是一个非IE浏览器 if ( e && e.stopPropagation ) // 因此它支持W3C的stopPropagation()方法 e.stopPropagation(); else //否则，我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true; return false;
以上这篇jquery取消事件冒泡的三种方法(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
这篇文章主要介绍了jQuery+datatables插件实现ajax加载数据与增删改查功能,涉及jQuery结合datatables插件针对页面表格实现数据加载及增删改查等相关操作技巧,需要的朋友可以参考下2018-04-04
文本框中经常会有提示你输入的信息，当你点击文本框，提示信息自动消失，下面也为大家介绍下输入框消失文字的方法，感兴趣的朋友可以参考下2013-04-04
每天都在与DOM打交道而且晕头转向，不过，自打咱认识了jQuery： 是操作属性也不烦了，插入新元素也不晕了，连移动元素及包装元素咱也不抽筋了。。2010-01-01
这篇文章主要介绍了jQuery实现QQ空间汉字转拼音功能,结合具体实例形式分析了jQuery实现拼音与中文汉字的转换操作实现技巧,需要的朋友可以参考下2017-07-07
在有的项目中，为了方便将数据库中的某些定值储存为指定的数字，怎么处理这种问题呢？下面小编通过一段代码给大家介绍下，需要的朋友参考下2016-11-11
这篇文章主要介绍了jQuery实现带动画效果的二级下拉导航方法,涉及jQuery操作css样式及鼠标事件的技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
登录验证,在项目开发中很常用的，尤其是这一块非常有利于用户体验，感兴趣的朋友可以参考下，或许对你学习登陆验证有所帮助，好了闲话不多说了，看代码2013-01-01
这篇文章主要介绍了jquery轮播的实现方式，文中分享了jQuery轮播完整实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-07-07
这篇文章主要介绍了jQuery实现拖拽可编辑模块功能代码，代码简单易懂，非常不错，具有参考借鉴价值，需要的的朋友参考下吧2017-01-01
接着上次scrollable的学习，今天继续jquery tools六大功能的第四个功能——overlay的学习。2009-09-09
最新评论