什么是事件
用户操作网页时发生的交互, 包括:
- 鼠标事件
- 键盘事件
- 窗口事件
事件通过事件模型进行管理, 决定了事件在 DOM 中从触发到处理的过程, 包括:
- 冒泡事件模型: 事件从目标元素开始触发, 逐级向上传播, 直到到达根元素
- 捕获事件模型: 从根元素开始触发, 逐级向下传播, 直到到达目标元素
不同事件模型下, 事件传播过程都经历三个阶段:
- 捕获阶段: 事件从根元素向目标元素传播, 捕获事件模型下, 事件从这个阶段开始触发
- 目标阶段: 事件在目标元素上触发, 冒泡事件模型下, 事件从这个阶段开始触发
- 冒泡阶段: 事件从目标元素向根元素传播