JS基礎 事件的傳播

2022-09-11 09:06:14 字數 579 閱讀 9387

事件的傳播

-關於事件的傳播網景公司和微軟公司有不同的理解

-微軟公司認為事件應該是由內向外傳播,也就是當事件觸發時,應該先觸發當前元素上的事件,

然後再向當前元素的祖先元素上傳播,也就說事件應該在冒泡階段執行。

-網景公司認為事件應該是由外向內傳播的,也就是當前事件觸發時,應該先觸發當前元素的最外層的祖先元素的事件,

然後在向內傳播給後代元素

-w3c綜合了兩個公司的方案,將事件傳播分成了三個階段

1.捕獲階段

-在捕獲階段時從最外層的祖先元素,向目標元素進行事件的捕獲,但是預設此時不會觸發事件

2.目標階段

-事件捕獲到目標元素,捕獲結束開始在目標元素上觸發事件

3.冒泡階段

-事件從目標元素向他的祖先元素傳遞,依次觸發祖先元素上的事件

-如果希望在捕獲階段就觸發事件,可以將addeventlistener()的第三個引數設定為true

一般情況下我們不會希望在捕獲階段觸發事件,所以這個引數一般都是false

捕獲與冒泡傳播效果:

關於js事件傳播流程

事件通常與函式配合使用,這樣就可以通過發生的事件來驅動函式執行。js事件是由訪問web頁面的使用者引起的一系列操作。當使用者執行某些操作的時候,再去執行一系列 或者用來獲取的詳細資訊。例如 滑鼠位置,鍵盤按鍵。dom2級事件規定事件流包括三個階段 事件捕獲階段 處於目標階段 事件冒泡階段 stopp...

js中事件的冒泡,委派和傳播

事件冒泡 bubble 事件冒泡是指時間向上傳播,當後代元素的事件被觸發時,其祖先元素的相同事件也會被觸發,一般情況下,冒泡都是有益的,但如果不想要它冒泡,就可以使用event.cancelbubble true 來進行取消冒泡。事件的委派 事件的委派是指事件統一繫結給元素的共同的祖先元素,當後代元...

js學習(四) 事件的傳播(事件的捕獲和冒泡)

事件的傳播流程 事件的傳播 關於事件的傳播,網景公司和微軟公司有不同的理解。微軟公司認為事件應該是由內向外傳播,也就是當事件觸發時,應該先觸發當前元素上的事件,然後再向當前元素的祖先元素上傳播,也就是說事件的執行應該在冒泡階段執行。網景公司認為事件應該是由外向內傳播,也就是當前事件觸發時,應該先觸發...