DOM 事件监听

1. dom level 1 : 有两个版本

image.png

2. dom level 2 出现event

image.png

3. dom 版本

dom 4 在草案中，主要版本是 dom 3 ，event内容集中在 dom 2

4. onclick

image.png

所以 onclick 要慎用；

5. addEventListener

image.png

image.png

image.png

因为是队列，是数组，所以不是一条一条执行，数组完毕才开始执行代码；

6. 事件监听

主要是事件的执行顺序，分为捕获阶段与冒泡阶段；

True 顺序：上往下，外到里（捕获阶段）；
False 顺序：下往上，里到外（冒泡阶段）；
优先读取 true 方向，但默认 false 方向，所以添加 true 可改变方向；

处于单个阶段为简单情况，包含两个阶段的为复杂情况；

image.png

重点： 如果在同一层，既出现捕获阶段又出现冒泡阶段，则以代码顺序决定监听顺序；