1、通過返回false來取消默認(rèn)的行為并阻止事件起泡。

jQuery 代碼:

$("form").bind(　　"submit", 　　function() { 　　　　return false;　　 });

2、通過使用 preventDefault() 方法只取消默認(rèn)的行為。

jQuery 代碼:

$("form").bind(　　"submit", 　　function(event){　　　　event.preventDefault();　　});

3、通過使用 stopPropagation() 方法只阻止一個事件起泡。

jQuery 代碼:

$("form").bind(　　"submit", 　　function(event){　　　　event.stopPropagation();　　});

（4）總結(jié)

1. 一個事件起泡對應(yīng)觸發(fā)的是上層的同一事件

特殊：如果two設(shè)置成雙擊事件，那么在你單擊two的時候就會起泡觸發(fā)one單擊的事件

（雙擊包含單擊）。

2. 如果在click事件中，在你要處理的事件之前加上e.preventDefault();

那么就取消了行為（通俗理解：相當(dāng)于做了個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取消事件冒泡的三種方法(推薦)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持武林網(wǎng)。