jquery 事件冒泡

什麼是事件冒泡

在乙個物件上觸發某類事件（比如單擊onclick事件），如果此物件定義了此事件的處理程式，那麼此事件就會呼叫這個處理程式，如果沒有定義此事件處理程式或者事件返回true，那麼這個事件會向這個物件的父級物件傳播，從裡到外，直至它被處理（父級物件所有同類事件都將被啟用），或者它到達了物件層次的最頂層，即document物件（有些瀏覽器是window）。

事件冒泡的作用

事件冒泡允許多個操作被集中處理（把事件處理器新增到乙個父級元素上，避免把事件處理器新增到多個子級元素上），它還可以讓你在物件層的不同級別捕獲事件。

阻止事件冒泡

事件冒泡機制有時候是不需要的，需要阻止掉，通過 event.stoppropagation() 來阻止

$(function());

$box2.click(function() );
$box3.click(function(event) );
$(document).click(function(event) );
})......

阻止表單提交

$('#form1').submit(function(event))

實際開發中，一般把阻止冒泡和阻止預設行為合併起來寫，合併寫法可以用

// event.stoppropagation();

// event.preventdefault();
// 合併寫法：
return false;

jquery事件冒泡

什麼是事件冒泡 在乙個物件上觸發某類事件 比如單擊onclick事件 如果此物件定義了此事件的處理程式，那麼此事件就會呼叫這個處理程式，如果沒有定義此事件處理程式或者事件返回true，那麼這個事件會向這個物件的父級物件傳播，從裡到外，直至它被處理 父級物件所有同類事件都將被啟用 或者它到達了物件層次...

JQuery之事件冒泡

jquery 提供了兩種方式來阻止事件冒泡。方法一 event.stoppropagation div1 mousedown function event 方法二 return false div1 mousedown function event 以上兩種方法都能阻止事件冒泡的發生，但是也有本質區...

jQuery 事件冒泡與事件委託

什麼是事件冒泡 在乙個物件上觸發某類事件 比如單擊onclick事件 如果此物件定義了此事件的處理程式，那麼此事件就會呼叫這個處理程式，如果沒有定義此事件處理程式或者事件返回true，那麼這個事件會向這個物件的父級物件傳播，從裡到外，直至它被處理 父級物件所有同類事件都將被啟用 或者它到達了物件層次...