簡單一句話概括事件流:事件的傳播過程就是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
其實還有一些知識點沒放上了,等明天我把案例做了再一起放吧.