欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery取消事件冒泡的三種方法(推薦)

 更新時(shí)間:2016年05月28日 11:35:51   投稿:jingxian  
下面小編就為大家?guī)硪黄猨query取消事件冒泡的三種方法(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧

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() 方法只阻止一個(gè)事件起泡。

jQuery 代碼:

$("form").bind(

  "submit", 

  function(event){
    event.stopPropagation();
  }

);

(4)總結(jié)

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

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

(雙擊包含單擊)。

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

那么就取消了行為(通俗理解:相當(dāng)于做了個(gè)return操作),不執(zhí)行之后的語句了。

3. e.stopPropagation()只要在click事件中,就不會(huì)觸發(fā)上層click事件。

//如果提供了事件對(duì)象,則這是一個(gè)非IE瀏覽器

if ( e && e.stopPropagation )
  // 因此它支持W3C的stopPropagation()方法
  
e.stopPropagation();
else
  //否則,我們需要使用IE的方式來取消事件冒泡
  
window.event.cancelBubble = true;
return false;

以上這篇jquery取消事件冒泡的三種方法(推薦)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論