1. dom level 1 : 有兩個版本
image.png
2. dom level 2 出現(xiàn)event
image.png
3. dom 版本
dom 4 在草案中,主要版本是 dom 3 冗澈,event內(nèi)容集中在 dom 2
4. onclick
image.png
所以 onclick 要慎用陋葡;
5. addEventListener
image.png
image.png
image.png
因為是隊列,是數(shù)組腐缤,所以不是一條一條執(zhí)行,數(shù)組完畢才開始執(zhí)行代碼岭粤;
6. 事件監(jiān)聽
主要是事件的執(zhí)行順序,分為捕獲階段與冒泡階段剃浇;
True 順序:上往下,外到里(捕獲階段)虎囚;
False 順序:下往上,里到外(冒泡階段)溜宽;
優(yōu)先讀取 true 方向,但默認(rèn) false 方向适揉,所以添加 true 可改變方向;
處于單個階段為簡單情況嫉嘀,包含兩個階段的為復(fù)雜情況;
image.png
重點: 如果在同一層剪侮,既出現(xiàn)捕獲階段又出現(xiàn)冒泡階段,則以代碼順序決定監(jiān)聽順序瓣俯;