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() 则只阻止事件往上冒泡，不阻止事件本身。
相关文章
本文将为大家收集10个超赞的jQuery图片滑块动画,都是小编精挑细选而来，希望这些现成的jQuery插件将为你节省很多开发时间。2016-01-01
jWiard 基于JQuery的强大的向导控件介绍，需要的朋友可以参考下。2011-10-10
扩展对input的一些方法(练习jQuery插件)2009-10-10
jQuery中的which即可以是键盘的键值，也可以是鼠标的键值。2011-06-06
jQuery-serialize()输出序列化form表单值的方法
jQuery-serialize()输出序列化表单值在工作中很常见也很实用，于是本人搜集整理了一些，需要了解的朋友可以详细参考下2012-12-12
jQuery文本框(input textare)事件绑定方法教程
jquery​的事件绑定已经用on替换了原来的bind，接下来为大家分享下bind的使用方法及input textare事件2013-04-04
JQuery UI有着非常丰富的皮肤，JQuery官方提供的就有十几套，除了官方提供的之外，JQuery还提供了定制皮肤的服务2009-07-07
本篇文章主要介绍了jQuery+CSS3实现点赞功能的示例代码。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
由于placeholder是html5的新属性，可想而知，仅支持html5的浏览器才支持placeholder，目前最新的firefox、chrome、safari以及ie10都支持，ie6到ie9都不支持。2015-06-06
这篇文章主要为大家详细介绍了基于jquery实现智能表单验证操作的相关资料，利用jquery实现了对一个表单字段格式的即时检查，感兴趣的小伙伴们可以参考一下2016-05-05
最新评论