JQuery中阻止事件冒泡几种方式及其区别介绍
JQuery 提供了两种方式来阻止事件冒泡。
方式一:event.stopPropagation();
方式二: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() 则只阻止事件往上冒泡,不阻止事件本身。
相关推荐
菜鸟新手taob 2011-08-31
卡奇莫多 2018-07-03
瑾色年华 2016-12-01
程序员哦 2013-11-19
var txt = $.html() + "<p>内层span元素被点击.<p/>";//获取html信息。</script>当点击span时,会触发div与body 的点击事件。如何防止这种冒泡事件
88417615 2013-10-11
nnj 2013-03-20
zhaoxinglei00 2013-02-01
88487901 2012-12-25
编程爱好者联盟 2017-01-18
编程爱好者联盟 2016-11-10
郭贝贝编程 2015-03-25
DolphinThinker 2019-06-28
SinhaengHhjian 2015-03-25
publicTIM 2013-05-07
xiuping0 2013-01-09
publicTIM 2011-07-26
83453065 2011-07-26
郭文睿 2011-06-30