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
重点： 如果在同一层，既出现捕获阶段又出现冒泡阶段，则以代码顺序决定监听顺序；
