初次接觸------DOM事件流

簡單一句話概括事件流:事件的傳播過程就是DOM的事件流。

舉一個例子:給ul中的li添加點擊事件。

事件傳播的整個過程:

首先document檢測是否有點擊事件,沒有;下一步找html,沒有點擊事件;然後找body,沒有點擊事件;接着找ul,沒有點擊事件;最後找到li,有點擊事件,進行事件處理程序。

完成後,按着li-->ul--->body--->html--->document的順序傳播回去。

這就是DOM事件流。

事件流分爲三個階段

1.捕獲階段 從頂層節點開始,找註冊事件的目標元素

 html—— 當前目標階段(例子中的li)

2.當前目標階段 li

3.冒泡階段 從目標元素往頂層節點找

當前目標階段(例子中的li)—— html

有些事件是沒有冒泡階段的:onfocus、onblur、onmouseenter、onmouseleave

 

其實還有一些知識點沒放上了,等明天我把案例做了再一起放吧.

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章