Event事件的三個階段

2022-03-20 02:34:21 字數 758 閱讀 1361

**www.w3school.com.cn/htmldom/event_bubbles.asp

在 2 級 dom標準中,事件傳播分為三個階段:

第一,捕獲階段。事件從 document 物件沿著文件樹向下一級一級傳遞給目標節點。如果目標的任何乙個先輩註冊了捕獲事件控制代碼比如document.onkeydown=myonkeydown,那麼在事件傳播過程中馬上執行這些控制代碼,而不等到傳播到目標才執行。

第二個階段發生在目標節點自身。直接註冊在目標上的適合的事件控制代碼將執行。這與 0 級事件模型提供的事件處理方法相 。

第三,起泡階段。在此階段,事件將從目標元素向上傳播回或起泡回 document 物件的文件層次。

事件傳播的當前階段。它的 是下面的三個常量之一,它們分別表示捕獲階段、在目標物件上時和起泡階段

1capturing_phase,

2at_target,

3bubbling_phase

下面是乙個例子:"事件氣泡秀"bubble event show

1

32021

2223

2425

2627

2829

3031

bubble event show

3233

3435

3637

3839

4041

事件的三個階段

事件冒泡 多個元素巢狀關係,這些元素都註冊了相同的事件型別,那麼,如果我們觸發了最裡面的元素的事件,外面的所有的元素的事件也會自動觸發,這種行為叫事件冒泡 事件的階段 1.捕獲階段 由外向內 2.當前目標階段 選擇觸發事件 3.冒泡階段 由內向外 e.eventphase屬性可以檢視觸發顯示的階段 ...

DOM事件處理有三個階段

dom事件處理有三個階段 捕捉階段 capture phase 從最上層元素,直到最下層 你點選的那個target 元素。路過的所有節點都可以捕捉到該事件。命中階段 target phase 如果該事件成功到達了target元素,它會進行事件處理。冒泡階段 bubbling phase 事件從最下層...

mj之 DOM事件流的三個階段

事件發生時會在元素節點之間按照特定的順序進行傳播,這個傳播過程就是dom的事件流。w3c制定的事件模型中,一次事件的發生分為三階段 1.捕獲階段 當元素觸發某個事件如onclick時,頂層物件document就會發出乙個事件流,隨著dom樹的節點向目標元素節點流去,直到目標元素,在這個過程中,事件相...