事件流 事件捕獲?事件冒泡?

2021-10-02 17:43:11 字數 448 閱讀 5028

事件流:從頁面中接收事件的順序。也就是說當乙個事件產生時,這個事件的傳播過程,就是事件流。

ie中的事件流叫事件冒泡;事件冒泡:事件開始時由最具體的元素接收,然後逐級向上傳播到較為不具體的節點(文件)。對於html來說,就是當乙個元素產生了乙個事件,它會把這個事件傳遞給它的父元素,父元素接收到了之後,還要繼續傳遞給它的上一級元素,就這樣一直傳播到document物件(親測現在的瀏覽器到window物件,只有ie8及下不這樣

事件捕獲是不太具體的元素應該更早接受到事件,而最具體的節點應該最後接收到事件。他們的用意是在事件到達目標之前就捕獲它;也就是跟冒泡的過程正好相反,以html的click事件為例,document物件(dom級規範要求從document開始傳播,但是現在的瀏覽器是從window物件開始的)最先接收到click事件的然後事件沿著dom樹依次向下傳播,一直傳播到事件的實際目標;

參考部落格:1. 

2.

事件流(事件冒泡與事件捕獲)

dom結構是乙個樹形結構,當乙個html元素發生乙個事件時,該事件會在元素節點與根節點之間的路徑傳播,路徑所經過的節點都會收到該事件,這個傳播過程就是dom事件流。分為事件冒泡模型和事件捕獲模型和dom標準事件模型 是由ie開發團隊提出來的,從dom樹形結構上理解就是事件由葉子節點沿祖先節點一直向上...

事件流 事件冒泡和事件捕獲

通俗的說就是 元素觸發時,傳播的過程。冒泡型事件流 事件的傳播是從最具體的事件目標到最不具體的事件目標。即從dom樹的葉子到根。document 捕獲型事件流 事件的傳播是從最不具體的事件目標到最具體的事件目標。即從dom樹的根到葉子。document 事件流包括三個階段 事件捕獲階段 實際目標 在...

事件冒泡,事件捕獲

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