JS事件流概念

2021-10-09 01:27:04 字數 635 閱讀 5751

事件的處理過程主要有三個階段:捕獲階段,目標階段,冒泡階段

捕獲階段:當我們在 dom 樹的某個節點發生了一些操作(例如單擊、滑鼠移動上去),就會有乙個事件發射過去。這個事件從 window 發出,不斷經過下級節點直到觸發的目標節點。在到達目標節點之前的過程,就是捕獲階段(capture phase)。事件由頁面元素接收,逐級向下,到具體的元素。

目標階段:當事件不斷的傳遞直到目標節點的時候,最終在目標節點上觸發這個事件,就是目標階段。具體的元素本身。

冒泡階段:事件冒泡即事件開始時,由最具體的元素接收(也就是事件發生所在的節點),然後逐級傳播到較為不具體的節點。跟捕獲相反,具體元素本身,逐級向上,到頁面元素(我們平時用的事件繫結就是利用的事件冒泡的原理)。

事件捕獲:當使用事件捕獲時,父級元素先觸發,子元素後觸發。

事件冒泡:當使用事件冒泡時,子級元素先觸發,父元素後觸發。

JS事件流,事件繫結

事件流,事件繫結 主流browser,符合w3c標準,支援冒泡和捕獲 低版本ie,僅支援冒泡 冒泡到window document 事件繫結 解綁 elem.addeventlistener evt,func,usecapture elem.removeeventlistener evt,func ...

JS事件流模型

事件捕獲event capturing是一種從上而下的傳播方式,以click事件為例,其會從最外層根節向內傳播到達點選的節點,為從最外層節點逐漸向內傳播直到目標節點的方式。事件冒泡event bubbling是一種從下往上的傳播方式,同樣以click事件為例,事件最開始由點選的節點,然後逐漸向上傳播...

JS基礎 事件 事件流

總所周知,js和html之間的互動是通過事件實現的,互動過程中會產生許多事件,而從頁面上接收事件的順序就是事件流。事件流分為ie的事件冒泡流和netscape的事件捕獲流 這是指ie的事件流,即事件開始時由最具體的元素接收,然後逐級向上傳播到文件節點。所有的瀏覽器都在支援事件冒泡。但是ie5.5及之...