事件捕獲總結

2021-08-26 20:50:16 字數 584 閱讀 1912

**js高階程式設計

事件捕獲的思想是不太具體的節點應該更早接收到事件,而最具體的節點應該最後接收到事件。事件捕獲的用意在於在事件到達預定目標之前捕獲它。如果仍以前面的html 頁面作為演示事件捕獲的例子,那麼單擊元素就會以下列順序觸發click 事件。

(1) document

(2)

(3)

(4)

在事件捕獲過程中,document 物件首先接收到click 事件,然後事件沿dom 樹依次向下,一直

傳播到事件的實際目標,即元素。圖13-2 展示了事件捕獲的過程。

雖然事件捕獲是netscape communicator 唯一支援的事件流模型,但ie9、safari、chrome、opera和firefox 目前也都支援這種事件流模型。儘管「dom2 級事件」規範要求事件應該從document 物件開始傳播,但這些瀏覽器都是從window 物件開始捕獲事件的。由於老版本的瀏覽器不支援,因此很少有人使用事件捕獲。我們也建議讀者放心地使用事件冒泡,在有特殊需要時再使用事件捕獲。

事件冒泡,事件捕獲

js事件流中有一種事件被稱為 冒泡事件 當乙個元素被觸發乙個事件時,該目標元素上的事件會優先被執行,然後向外傳播到每個祖先元素,恰如水裡的乙個泡泡似的,從產生就一直往上冒,到達水平面時,它才消失。在這個過程中,如果你只希望觸發目標元素上的事件,而不想它傳播到祖先元素上去,那麼你需要在 泡泡 離開物件...

事件捕獲 事件冒泡

body div id div1 div id div2 div id div3 div div div body script window.onload function odiv1.onclick fn1 odiv2.onclick fn1 odiv3.onclick fn1 false 冒泡...

js中的事件捕獲和事件捕獲

事件流的三個階段 事件捕獲階段 目標階段 事件冒泡事件 關於這三個階段的介紹網上已經有很多介紹了,在這裡不做介紹。本文主要說下需要注意的一點 當在事發元素上即繫結了捕獲事件又繫結了冒泡事件時,事發元素上的執行順序由事件註冊順序決定。如 var p document.getelementbyid pa...