DOM事件机制 发表于 2023-12-30 更新于 2024-12-06 本文字数: 298 阅读时长 ≈ 1 分钟 本文是作者对DOM事件机制的介绍,包括DOM事件机制的优势、实现细节、相关资料等,这些步骤可以帮助作者提高DOM事件机制的效率。 最近做网页热键处理,对于事件还是需要温故下。 图形化展示事件派发过程 JS相关方法 事件绑定当然很简单 比如使用addEventListener,通过第三个参数控制是否在捕获阶段。如果只是冒泡阶段的话,直接使用onclick等 event对象下有个方法是stopPropagation,字面意思是停止传播,无论是冒泡还是捕获,均可通过该方法来阻止继续传播,结合图也就好理解了 event下还有个preventDefault,但该方法 并不阻止事件的继续传播 会阻止默认行为,比如说a标签的跳转 相关文档 https://www.w3.org/TR/DOM-Level-3-Events/#event-flow done