DOM事件机制

最近做网页热键处理，对于事件还是需要温故下。

图形化展示事件派发过程

JS相关方法

1. 事件绑定当然很简单

   比如使用addEventListener，通过第三个参数控制是否在捕获阶段。如果只是冒泡阶段的话，直接使用onclick等

2. event对象下有个方法是stopPropagation，字面意思是停止传播，无论是冒泡还是捕获，均可通过该方法来阻止继续传播，结合图也就好理解了

3. event下还有个preventDefault，但该方法

   • 并不阻止事件的继续传播

   • 会阻止默认行为，比如说a标签的跳转

相关文档

• https://www.w3.org/TR/DOM-Level-3-Events/#event-flow

done