本文介绍了DOM中的事件传播机制，包括事件捕获和阻止冒泡。通过示例说明如何使用事件捕获从外层元素向内层元素传播事件，以及如何通过阻止冒泡来控制事件不向上层元素传播，从而灵活地管理网页中的事件处理。
DOM（文档对象模型）是用于表示和操作HTML文档的标准接口。在网页中，我们经常需要处理各种事件，如点击、滚动、键盘输入等。当多个元素嵌套在一起时，事件触发时会自动按照一定的顺序进行传播，这个过程称为事件冒泡。在某些情况下，我们可能需要手动控制事件的传播，或者阻止事件继续传播到其他元素。下面将详细介绍DOM中事件捕获和阻止冒泡的方法，并提供相应的源代码示例。
事件捕获是指事件从文档根节点开始向下传播的过程，直到达到事件的目标元素。事件捕获的顺序与元素的嵌套层次相反，即从外层元素向内层元素传播。在事件捕获阶段，我们可以通过在元素上添加事件处理程序来捕获事件。以下是一个示例，演示了如何使用事件捕获来处理点击事件：
<!DOCTYPE html>
<html>
<head>
订阅专栏 解锁全文
124
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
