二、DOM与事件模型 副本
查看飞书原文 ↗523 字符
主题 | 核心知识点 | 概览 |
| • 描述 DOM 的事件流 | 建立心智模型。了解一个事件从外到内（捕获）再从内到外（冒泡）的完整路径。 |
| • 什么是事件委托及其优点 • event.target vs event.currentTarget | 核心实战技巧。基于“冒泡”原理，引出事件委托，对比为每个子元素绑定事件与在父元素上统一监听的优劣，并解释target与currentTarget的区别。 |
| • event.stopPropagation() •event.preventDefault() | 掌握控制权。用清晰的示例分别演示如何阻止事件继续传播，以及如何阻止链接跳转、表单提交等浏览器默认行为。 |
| • useCapture 和 passive 的作用 | 性能与控制。讲解addEventListener的第三个参数。useCapture关联到捕获阶段，而passive: true则是一个重要的滚动性能优化点。 |