jquery阻止事件冒泡的方法

第一種event.stopPropagation(); 阻止事件冒泡

十余年的柏鄉(xiāng)網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。全網(wǎng)營(yíng)銷推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整柏鄉(xiāng)建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)公司從事“柏鄉(xiāng)網(wǎng)站設(shè)計(jì)”,“柏鄉(xiāng)網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

第二種event.preventDefault() 阻止默認(rèn)事件的冒泡

如何阻止jquery 事件觸發(fā)多次的問題

最簡(jiǎn)單的做法是阻止冒泡，但是stopPropagation不一定有用，這時(shí)候可以試試stopImmediatePropagation

我比較喜歡solution4:

$(document).on('pagebeforeshow', '#index', function(){

$(document).on('click', '#test-button',function(e) {

if(e.handled !== true) // This will prevent event triggering more then once

{

alert('Clicked');

e.handled = true;

}

});

});

jquery如何阻止事件冒泡

在一個(gè)對(duì)象上觸發(fā)某類事件（比如單擊onclick事件），如果此對(duì)象定義了此事件的處理程序，那么此事件就會(huì)調(diào)用這個(gè)處理程序，如果沒有定義此事件處理程序或者事件返回true，那么這個(gè)事件會(huì)向這個(gè)對(duì)象的父級(jí)對(duì)象傳播，從里到外，直至它被處理（父級(jí)對(duì)象所有同類事件都將被激活），或者它到達(dá)了對(duì)象層次的最頂層，即document對(duì)象（有些瀏覽器是window）。所以有些時(shí)候需要阻止冒泡。

工具原料：編輯器、瀏覽器

方式一：event.stopPropagation();

$("#div1").mousedown(function(event){

event.stopPropagation();

});

方式二：return false;

$("#div1").mousedown(function(event){

return?false;

});

但是這兩種方式是有區(qū)別的。return false 不僅阻止了事件往上冒泡，而且阻止了事件本身。event.stopPropagation() 則只阻止事件往上冒泡，不阻止事件本身。

jQuery事件冒泡及解決辦法

什么是事件冒泡：在一個(gè)對(duì)象上觸發(fā)某類事件（比如onclick事件），如果次對(duì)象定義了此事件的處理程序，那么此事件就會(huì)調(diào)用這個(gè)處理程序，如果沒有定義此事件處理程序或者事件返回true，那么這個(gè)事件會(huì)向這個(gè)對(duì)象的父級(jí)對(duì)象傳播，從里到外，直至它被處理（父級(jí)對(duì)象所有同類事件都將被激活），或者它到達(dá)了對(duì)象層次的最頂層，即document對(duì)象（有些瀏覽器是window）。

事件冒泡的作用：事件冒泡允許多個(gè)操作被集中處理（把事件處理器添加到一個(gè)父級(jí)元素上，避免把事件處理器添加到多個(gè)子級(jí)元素上），它還可以讓你在對(duì)象層的不同級(jí)別捕獲事件。

阻止事件冒泡：事件冒泡機(jī)制有時(shí)候是不需要的，需要阻止掉，通過 event.stopPropagation() 來阻止

$(function(){

})

代合并阻止操作：實(shí)際開發(fā)中，一般把阻止冒泡和阻止默認(rèn)行為合并起來寫，合并寫法可以用.

// event.stopPropagation();

// event.preventDefault();

// 合并寫法：

return false;

事件委托就是利用冒泡的原理，把事件加到父級(jí)上，通過判斷事件來源的子集，執(zhí)行相應(yīng)的操作，事件委托首先可以極大減少事件綁定次數(shù)，提高性能；其次可以讓新加入的子元素也可以擁有相同的操作。

一般綁定事件的寫法：bind

事件委托的寫法：

如果我們要取消事件的委托：

//ev.delegateTarge 委托的對(duì)象

$(ev.delegateTarge).undelegatee();

//如果是上面的兩種例子可使用//$list.undelegate();

創(chuàng)建節(jié)點(diǎn)： ('div')

var ('div這是一個(gè)div元素/div');

插入節(jié)點(diǎn):

1、append()和appendTo()：在現(xiàn)存元素的內(nèi)部，從后面插入元素

2、prepend()和prependTo()：在現(xiàn)存元素的內(nèi)部，從前面插入元素

3、after()和insertAfter()：在現(xiàn)存元素的外部，從后面插入元素

4、before()和insertBefore()：在現(xiàn)存元素的外部，從前面插入元素

刪除節(jié)點(diǎn)

$('#div1').remove();

事件冒泡是什么如何用jquery阻止事件冒泡

1）什么是事件起泡

首先你要明白一點(diǎn)，當(dāng)一個(gè)事件發(fā)生的時(shí)候，該事件總是有一個(gè)事件源，即引發(fā)這個(gè)事件的對(duì)象，一個(gè)事件不能憑空產(chǎn)生，這就是事件的發(fā)生。

當(dāng)事件發(fā)生后，這個(gè)事件就要開始傳播。為什么要傳播呢？因?yàn)槭录幢旧聿]有處理事件的能力。例如我們點(diǎn)擊一個(gè)按鈕時(shí)，就會(huì)產(chǎn)生一個(gè)click事件，但這個(gè)按鈕本身不能處理這個(gè)事件（廢話），事件必須從這個(gè)按鈕傳播出去，從而到達(dá)能夠處理這個(gè)事件的代碼中（例如我們給按鈕的onclick屬性賦一個(gè)函數(shù)的名字，就是讓這個(gè)函數(shù)去處理該按鈕的click事件）。

當(dāng)事件在傳播過程中，找到了一個(gè)能夠處理它的函數(shù)，這時(shí)候我們就說這個(gè)函數(shù)捕捉到了這個(gè)事件。

說到這里，關(guān)鍵的問題來了，那就是一個(gè)函數(shù)是如何捕捉一個(gè)事件的呢？這就涉及到事件的冒泡了。

為了更好地理解冒泡的概念，我建議你現(xiàn)在想象一下你的面前放著一杯水，但這杯水和我們平時(shí)看到的有點(diǎn)點(diǎn)不同，它分為數(shù)層，每一層又分成一或多個(gè)區(qū)域，最頂層是我們熟悉的窗口對(duì)象（即window對(duì)象），下一層分為好幾個(gè)區(qū)域（document對(duì)象、history對(duì)象等等），而document對(duì)象的下一層又分為多個(gè)子對(duì)象。

這些對(duì)象的層次關(guān)系構(gòu)成了DOM中的對(duì)象樹。

事件的傳播是有方向的，當(dāng)點(diǎn)擊一個(gè)按鈕時(shí)所產(chǎn)生的事件從這個(gè)按鈕處開始向上傳播（就像一個(gè)水泡從杯底冒上來，這就是之所以叫事件冒泡的原因），但這個(gè)事件總是尋找特定的屬性是否有值。例如按鈕的click事件先尋找在按鈕上是否有onclick屬性的有意義的定義（即該屬性指向一個(gè)存在的函數(shù)或一段可執(zhí)行的語句），如果有，執(zhí)行這個(gè)函數(shù)或語句；然后事件繼續(xù)向上傳播，到達(dá)按鈕的上一層對(duì)象（例如一個(gè)form對(duì)象或document對(duì)象，總之是包含了按鈕的父對(duì)象），如果該對(duì)象也定義了onclick屬性，則執(zhí)行屬性的值。

所以，如果這個(gè)按鈕上面有3層（form、document、window），且這三層都定義了onclick屬性，則當(dāng)按鈕的click事件產(chǎn)生時(shí)，將會(huì)調(diào)用4個(gè)（包括按鈕本身的一個(gè)）函數(shù)或執(zhí)行4段語句。

事件的這幾個(gè)特性在0級(jí)dom中也是適用的。

（2）jquery阻止事件起泡實(shí)例

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

jQuery 代碼:

復(fù)制代碼代碼如下:

$("form").bind(

"submit",

function() {

return false;

}

);

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

jQuery 代碼:

復(fù)制代碼代碼如下:

$("form").bind(

"submit",

function(event){

event.stopPropagation();

}

);

jquery:怎么能阻止第二次點(diǎn)擊click事件？

jquery提供了一個(gè)只觸發(fā)一次點(diǎn)擊的方法\x0d\x0aobj.one(function(){\x0d\x0a\x0d\x0a});\x0d\x0a或者用obj.unbind("click")取消點(diǎn)擊事件