jquery 中的事件冒泡

廢話少說，先來一段**熱熱身：

1238

910外層div元素
11內層span元素
12外層div元素
1314
151635

網頁上有兩元素，其中乙個元素巢狀在另乙個元素裡，並且都被繫結了click事件，同時元素上也繫結了click事件。

當單擊內部的元素，即觸發元素的click事件時，會輸出3條記錄，如圖所示：

只單擊內部的元素，就會觸發元素和元素上的click事件，這就是由於事件冒泡引起的。

在單擊元素的同時，也單擊了包含元素的元素和包含元素的元素，並且每乙個元素都會按照特定的順序響應click事件。

為了解決這一問題，我們在這裡得提到「事件物件」這一概念：

$("element").bind("click",function(event))；

這樣，當單擊「element」元素時，事件物件就被建立了。這個事件物件只有事件處理函式才能夠訪問到。事件處理函式執行完畢之後，事件物件就被銷毀。

停止事件冒泡：

停止事件冒泡可以阻止事件中其他物件的事件處理函式被執行。在jquery中提供了stoppropagation()方法來停止事件冒泡。

1 $("span").bind("click",function

(event))

jquery事件冒泡

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

jquery 事件冒泡

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

JQuery之事件冒泡

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