jquery取消事件冒泡的三種方法(推薦)
更新時間：2016年05月28日 11:35:51 投稿：jingxian
下面小編就為大家?guī)硪黄猨query取消事件冒泡的三種方法(推薦)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
1、通過返回false來取消默認的行為并阻止事件起泡。
jQuery 代碼:
$("form").bind(
"submit",
function() {
return false;
}
);
2、通過使用 preventDefault() 方法只取消默認的行為。
jQuery 代碼:
$("form").bind(
"submit",
function(event){
event.preventDefault();
}
);
3、通過使用 stopPropagation() 方法只阻止一個事件起泡。
jQuery 代碼:
$("form").bind(
"submit",
function(event){
event.stopPropagation();
}
);
（4）總結
1. 一個事件起泡對應觸發(fā)的是上層的同一事件
特殊：如果two設置成雙擊事件，那么在你單擊two的時候就會起泡觸發(fā)one單擊的事件
（雙擊包含單擊）。
2. 如果在click事件中，在你要處理的事件之前加上e.preventDefault();
那么就取消了行為（通俗理解：相當于做了個return操作），不執(zhí)行之后的語句了。
3. e.stopPropagation()只要在click事件中，就不會觸發(fā)上層click事件。
//如果提供了事件對象，則這是一個非IE瀏覽器 if ( e && e.stopPropagation ) // 因此它支持W3C的stopPropagation()方法 e.stopPropagation(); else //否則，我們需要使用IE的方式來取消事件冒泡 window.event.cancelBubble = true; return false;
以上這篇jquery取消事件冒泡的三種方法(推薦)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
本文為大家介紹下層自動緩慢展開收縮在瀏覽器打開時是如何實現的，主要用到了slideUp及slideDown等主要jquery方法，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-07-07
目前做的這個項目中要用到用戶頭像功能，領導說最好是做成用戶上傳一個圖片后可以用圖像裁剪的方法自己選擇頭像。2009-05-05
這篇文章主要介紹了jquery實現橫向圖片輪播特效代碼，效果很精致，實現方法很簡單，特推薦給大家，希望大家可以喜歡。2015-11-11
這篇文章主要介紹了jquery表單對象屬性過濾選擇器,實例分析了jQuery選擇器的相關使用技巧,需要的朋友可以參考下2015-05-05
jQuery+datatables插件實現ajax加載數據與增刪改查功能示例
這篇文章主要介紹了jQuery+datatables插件實現ajax加載數據與增刪改查功能,涉及jQuery結合datatables插件針對頁面表格實現數據加載及增刪改查等相關操作技巧,需要的朋友可以參考下2018-04-04
這篇文章主要為大家詳細介紹了jQuery實現手勢解鎖密碼特效，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
博客園是程序員們比較喜歡的聚集地，很多人喜歡發(fā)發(fā)心得，一直都覺著挺好的，但最不滿意他的一點是，沒有返回到頂部的功能，好吧，我們自己來添。2015-01-01
jQuery插件zTree實現刪除樹節(jié)點的方法示例
這篇文章主要介紹了jQuery插件zTree實現刪除樹節(jié)點的方法,結合實例形式分析了jQuery樹插件zTree針對節(jié)點的遍歷與刪除操作相關技巧,需要的朋友可以參考下2017-03-03
jQuery實現監(jiān)聽下拉框選中內容發(fā)生改變操作示例
這篇文章主要介紹了jQuery實現監(jiān)聽下拉框選中內容發(fā)生改變操作,結合實例形式分析了jQuery針對select選中觸發(fā)change事件相關操作技巧,需要的朋友可以參考下2018-07-07
我們的項目用了SunSean的idTabs，但每個tab里的控件會觸發(fā)postback，或者轉到其他頁面再轉回來，這樣當前選中的tab必丟。印度同事不肯用AJAX，無奈今天加班給印度人寫個demo，通過回傳URL參數來選擇tab2012-04-04