JQuery中阻止事件冒泡幾種方式及其區(qū)別介紹
更新時(shí)間:2014年01月15日 15:45:34 作者:
JQuery中阻止事件冒泡方式有哪些?本文為大家準(zhǔn)備了兩種阻止事件冒泡的方式,兩種方式的區(qū)別在于。return false 不僅阻止了事件往上冒泡,而且阻止了事件本身
JQuery 提供了兩種方式來(lái)阻止事件冒泡。
方式一:event.stopPropagation();
$("#div1").mousedown(function(event){
event.stopPropagation();
});
方式二:return false;
$("#div1").mousedown(function(event){
return false;
});
但是這兩種方式是有區(qū)別的。return false 不僅阻止了事件往上冒泡,而且阻止了事件本身。
event.stopPropagation() 則只阻止事件往上冒泡,不阻止事件本身。
方式一:event.stopPropagation();
復(fù)制代碼 代碼如下:
$("#div1").mousedown(function(event){
event.stopPropagation();
});
方式二:return false;
復(fù)制代碼 代碼如下:
$("#div1").mousedown(function(event){
return false;
});
但是這兩種方式是有區(qū)別的。return false 不僅阻止了事件往上冒泡,而且阻止了事件本身。
event.stopPropagation() 則只阻止事件往上冒泡,不阻止事件本身。
相關(guān)文章
jWiard 基于JQuery的強(qiáng)大的向?qū)Э丶榻B
jWiard 基于JQuery的強(qiáng)大的向?qū)Э丶榻B,需要的朋友可以參考下。2011-10-10jQuery 擴(kuò)展對(duì)input的一些操作方法
擴(kuò)展對(duì)input的一些方法(練習(xí)jQuery插件)2009-10-10讀jQuery之七 判斷點(diǎn)擊了鼠標(biāo)哪個(gè)鍵的代碼
jQuery中的which即可以是鍵盤的鍵值,也可以是鼠標(biāo)的鍵值。2011-06-06jQuery-serialize()輸出序列化form表單值的方法
jQuery-serialize()輸出序列化表單值在工作中很常見也很實(shí)用,于是本人搜集整理了一些,需要了解的朋友可以詳細(xì)參考下2012-12-12jQuery文本框(input textare)事件綁定方法教程
jquery​的事件綁定已經(jīng)用on替換了原來(lái)的bind,接下來(lái)為大家分享下bind的使用方法及input textare事件2013-04-04jQuery+CSS3實(shí)現(xiàn)點(diǎn)贊功能
本篇文章主要介紹了jQuery+CSS3實(shí)現(xiàn)點(diǎn)贊功能的示例代碼。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03實(shí)現(xiàn)placeholder效果的方案匯總
由于placeholder是html5的新屬性,可想而知,僅支持html5的瀏覽器才支持placeholder,目前最新的firefox、chrome、safari以及ie10都支持,ie6到ie9都不支持。2015-06-06基于jquery實(shí)現(xiàn)智能表單驗(yàn)證操作
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)智能表單驗(yàn)證操作的相關(guān)資料,利用jquery實(shí)現(xiàn)了對(duì)一個(gè)表單字段格式的即時(shí)檢查,感興趣的小伙伴們可以參考一下2016-05-05