jquery取消事件冒泡的三種方法(推薦)
更新時間：2016年05月28日 11:35:51 投稿：jingxian
下面小編就為大家?guī)硪黄猨query取消事件冒泡的三種方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
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取消事件冒泡的三種方法(推薦)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了用jquery實現(xiàn)可輸入多選下拉組合框的實例代碼，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-01-01
jQuery實現(xiàn)橫向帶緩沖的水平運動效果(附demo源碼下載)
這篇文章主要介紹了jQuery實現(xiàn)橫向帶緩沖的水平運動效果,涉及jQuery中鼠標事件及animate方法使用技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-01-01
JQuery.validationEngine表單驗證插件(推薦)
這篇文章主要介紹了JQuery.validationEngine表單驗證插件(推薦)的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-12-12
這里所說的，用jquery去驗證某一組多選至少要有一個選中，某一組單選至少有一個選中，，大家都知道單一的一個用js比較好驗證，但是想要用jquery的驗證并且用到jquery驗證的提示信息，那么這就不好辦了2013-08-08
基于jquery實現(xiàn)發(fā)送文章到手機的代碼
這篇文章主要介紹了基于jquery實現(xiàn)發(fā)送文章到手機的代碼,非常簡單實用，需要的朋友可以參考下2014-12-12
ASP.NET jQuery 實例4(復制TextBox的文本到本地剪貼板上)
在這節(jié)，我們將看到如何把多行文本框的內容復制到剪貼板上。注意：jQuery clipboard plugin 只支持IE2012-01-01
如果是需要取到tagName后再進行判斷，那么下面的代碼或許對大家有所幫助，感興趣的朋友不妨嘗試一下哈2013-07-07
jQuery實現(xiàn)ToolTip元素定位顯示功能示例
這篇文章主要介紹了jQuery實現(xiàn)ToolTip元素定位顯示功能,結合實例形式分析了jQuery針對頁面元素屬性的動態(tài)操作相關技巧,需要的朋友可以參考下2016-11-11
jquery ezUI 雙擊行記錄彈窗查看明細的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨query ezUI 雙擊行記錄彈窗查看明細的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
本文主要分享了基于jQuery實現(xiàn)的打字機效果的示例代碼。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01