JQuery中阻止事件冒泡几种方式及其区别介绍
更新时间：2014年01月15日 15:45:34 作者：
JQuery中阻止事件冒泡方式有哪些？本文为大家准备了两种阻止事件冒泡的方式，两种方式的区别在于。return false 不仅阻止了事件往上冒泡，而且阻止了事件本身
JQuery 提供了两种方式来阻止事件冒泡。
方式一：event.stopPropagation();
$("#div1").mousedown(function(event){
event.stopPropagation();
});
方式二：return false;
$("#div1").mousedown(function(event){
return false;
});
但是这两种方式是有区别的。return false 不仅阻止了事件往上冒泡，而且阻止了事件本身。
event.stopPropagation() 则只阻止事件往上冒泡，不阻止事件本身。
方式一：event.stopPropagation();
复制代码 代码如下:
$("#div1").mousedown(function(event){
event.stopPropagation();
});
方式二：return false;
复制代码 代码如下:
$("#div1").mousedown(function(event){
return false;
});
但是这两种方式是有区别的。return false 不仅阻止了事件往上冒泡，而且阻止了事件本身。
event.stopPropagation() 则只阻止事件往上冒泡，不阻止事件本身。
相关文章
很多开发者都知道jQuery的.live()方法，他们大部分知道这个函数做什么，但是并不知道是怎么实现的，所以用的并不那么舒适。而且他们却从未听过还有解除绑定的.live()事件的.die()方法。即使你熟悉这些，但是你意识到.die()了吗？2011-09-09
JQuery上手简单，也很容易学，即使是刚接触JQuery的开发人员，借助JQuery手册，也很快能在项目中使用开发，这篇文章针对jquery原理以及学习技巧进行介绍，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要介绍了jQuery中可见性过滤选择器的使用,文中分为不可见性选择器和可见性选择器来分别举例讲解,需要的朋友可以参考下2016-04-04
这篇文章主要介绍了jquery实现超简洁的TAB选项卡效果代码,涉及jquery通过鼠标click事件结合链式操作动态操作tab选项卡的功能,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08![jQuery 练习[一] 学习jquery的准备工作](//img.jbzj.com/images/xgimg/bcimg4.png)
初次尝试 jQuery, 近乎震撼! 简洁、高效、优雅、平易, 太有思想了.2010-05-05
本文给大家分享的功能是这样的：你点击一下顶或踩按钮，记录数值到数据库，并且有颜色的背景跟着变，按照百分比的变化。这样就可以通过背景颜色一眼就看清楚那边支持的人比较多。2015-07-07
这篇文章主要介绍了一个简单的jquery进度条示例,需要的朋友可以参考下2014-04-04
jquery 获得元素的 xy坐标，用offset()方法，body属性设置margin :0;padding:0;,需要的朋友可以参考下2014-09-09
这篇文章主要介绍了jQuery通过扩展实现抖动效果的方法,涉及jQuery扩展的技巧及抖动特效的实现方法,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
jQuery EasyUI API 中文文档 - ValidateBox验证框
jQuery EasyUI API 中文文档 - ValidateBox验证框，使用jQuery EasyUI的朋友可以参考下。2011-10-10
![jQuery 练习[一] 学习jquery的准备工作](http://img.jbzj.com/images/xgimg/bcimg4.png)
最新评论