JQuery中阻止事件冒泡幾種方式及其區(qū)別介紹
更新時間:2014年01月15日 15:45:34 作者:
JQuery中阻止事件冒泡方式有哪些?本文為大家準備了兩種阻止事件冒泡的方式,兩種方式的區(qū)別在于。return false 不僅阻止了事件往上冒泡,而且阻止了事件本身
JQuery 提供了兩種方式來阻止事件冒泡。
方式一:event.stopPropagation();
$("#div1").mousedown(function(event){
event.stopPropagation();
});
方式二:return false;
$("#div1").mousedown(function(event){
return false;
});
但是這兩種方式是有區(qū)別的。return false 不僅阻止了事件往上冒泡,而且阻止了事件本身。
event.stopPropagation() 則只阻止事件往上冒泡,不阻止事件本身。
方式一:event.stopPropagation();
復制代碼 代碼如下:
$("#div1").mousedown(function(event){
event.stopPropagation();
});
方式二:return false;
復制代碼 代碼如下:
$("#div1").mousedown(function(event){
return false;
});
但是這兩種方式是有區(qū)別的。return false 不僅阻止了事件往上冒泡,而且阻止了事件本身。
event.stopPropagation() 則只阻止事件往上冒泡,不阻止事件本身。
相關文章
jQuery-serialize()輸出序列化form表單值的方法
jQuery-serialize()輸出序列化表單值在工作中很常見也很實用,于是本人搜集整理了一些,需要了解的朋友可以詳細參考下2012-12-12jQuery文本框(input textare)事件綁定方法教程
jquery​的事件綁定已經用on替換了原來的bind,接下來為大家分享下bind的使用方法及input textare事件2013-04-04