瀏覽器事件機制(即冒泡和捕獲,也稱為事件流)
基礎(chǔ)知識
- 操作系統(tǒng)最先知道用戶點擊了鼠標段化,瀏覽器次之
- child 被點擊了,意味著 parent 也被點擊了
- 如果我同時監(jiān)聽了 child 和 parent获讳,那么誰先通知我风钻?這是個問題。
捕獲階段
早期 Navigator 支持
parent 先通知,child 后通知
冒泡階段
IE支持
child 先通知绍赛,parent 后通知
(onclick 就是在冒泡階段被通知)
W3C 事件模型
既支持捕獲又支持冒泡(先捕獲后冒泡)
舉例說明事件機制(混用)
有兩個div蔓纠,一個parent,一個child吗蚌,parent包含child.當用戶點擊child時先發(fā)生捕獲階段腿倚,通知parent你孩子被點擊了是否需要處理一下后通知child你被點擊了是否需要處理一下,之后發(fā)生冒泡階段先通知child你被點擊了是否需要處理后通知parent你孩子被點擊了是否需要處理一下
注:若點擊的是你自己蚯妇,就沒有什么捕獲和冒泡敷燎,誰先監(jiān)聽就先觸發(fā)誰。