DOM事件机制

发表于 更新于 阅读次数： 本文字数： 298 阅读时长 ≈ 1 分钟

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

图形化展示事件派发过程

JS相关方法

  1. 事件绑定当然很简单

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

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

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

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

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

相关文档

done