事件流模型

2022-07-27 09:54:09 字數 885 閱讀 1858

js事件流模型

事件捕獲event capturing是一種從上而下的傳播方式,以click事件為例,其會從最外層根節向內傳播到達點選的節點,為從最外層節點逐漸向內傳播直到目標節點的方式。

事件冒泡event bubbling是一種從下往上的傳播方式,同樣以click事件為例,事件最開始由點選的節點,然後逐漸向上傳播直至最高層節點。

dom0級模型

也稱為原始事件模型,這種方式較為簡單且相容所有瀏覽器,但是卻將介面與邏輯耦合在一起,可維護性差。

例子`addeventlistener可以為事件繫結多個函式,並且繫結時不需要加on,其還可以接收第三個引數usecapture來決定事件時繫結的捕獲階段還是冒泡階段執行。

`document.getelementbyid("

i1").addeventlistener('

click

',function(e) )

//執行

document.getelementbyid("i1

").addeventlistener('

click

',function(e) )

//執行`

attachevent可以為事件繫結多個函式,繫結時需要加on,其只支援冒泡階段執行,所以不存在第三個引數。

`document.getelementbyid("

i1").attachevent('

onclick

',function(e))

//執行

document.getelementbyid("i1

").attachevent('

onclick

',function(e))

//執行`

JS事件流模型

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

深入理解JS的事件繫結 事件流模型

一 js事件 一 js事件分類 1.滑鼠事件 click dbclick mouseover mouseout 2.html事件 onload onunload onsubmit onresize onchange onfoucs onscroll 3.鍵盤事件 keydown 鍵盤按下時觸發 ke...

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

事件流 從頁面中接收事件的順序。也就是說當乙個事件產生時,這個事件的傳播過程,就是事件流。ie中的事件流叫事件冒泡 事件冒泡 事件開始時由最具體的元素接收,然後逐級向上傳播到較為不具體的節點 文件 對於html來說,就是當乙個元素產生了乙個事件,它會把這個事件傳遞給它的父元素,父元素接收到了之後,還...