DEV Community
·
事件流：冒泡与捕获
💡
原文英文，约800词，阅读约需3分钟。
📝
内容提要
事件传播机制包括事件冒泡和事件捕获。事件冒泡是指事件从目标元素向上传播到根元素，而事件捕获则是从根元素向下传播到目标元素。默认情况下，事件处理程序在目标和冒泡阶段被调用，第三个参数可用于在捕获阶段设置处理程序。使用event.stopPropagation()可以阻止事件进一步传播。
🎯
关键要点
- 事件传播机制包括事件冒泡和事件捕获。
- 事件冒泡是指事件从目标元素向上传播到根元素。
- 事件捕获是指事件从根元素向下传播到目标元素。
- 默认情况下，事件处理程序在目标和冒泡阶段被调用。
- 可以通过传递第三个参数来设置捕获阶段的处理程序。
- 使用event.stopPropagation()可以阻止事件进一步传播。
- 事件流包括捕获阶段、目标阶段和冒泡阶段。
- 在捕获阶段，事件从根元素流向目标元素。
- 在冒泡阶段，事件从目标元素流向根元素。
- 事件.stopPropagation()在捕获阶段和冒泡阶段都可以阻止事件流动。
- 事件捕获相较于冒泡使用较少，冒泡有更多的应用场景，如事件委托。
🏷️
标签
➡️
