什麼是事件冒泡
在乙個物件上觸發某類事件(比如單擊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,那麼這個事件會向這個物件的父級物件傳播,從裡到外,直至它被處理 父級物件所有同類事件都將被啟用 或者它到達了物件層次...