事件冒泡（Event Bubbling）和事件捕获（Event Capturing）是 JavaScript 事件冒泡（Event Bubbling）和事件捕获（Event Capturing）是 JavaScript 中处理 DOM 事件的两个重要概念。
事件冒泡是指当一个元素触发一个事件时，该事件会从根节点开始，逐级向上传播到目标元素。在这个过程中，如果目标元素本身也定义了相同的事件处理函数，那么这个事件处理函数也会被执行。这种机制使得我们可以在一个元素内部捕获到在它外部发生的事件。
事件捕获是指当一个元素触发一个事件时，该事件会从根节点开始，逐级向下传播到目标元素。在这个过程中，如果目标元素本身也定义了相同的事件处理函数，那么这个事件处理函数也会被执行。这种机制使得我们可以在一个元素外部捕获到在它内部发生的事件。
在 JavaScript 中，我们可以通过以下方式来监听和处理事件：
- 使用
addEventListener方法为元素添加事件监听器，并指定事件类型（如 "click"、"mouseover" 等）以及事件处理函数。同时，可以设置第三个参数useCapture为true或false，以决定事件是否在捕获阶段处理。默认情况下，useCapture的值为false，即事件在冒泡阶段处理。
element.addEventListener("click", function(event) {
// 事件处理逻辑
}, false);
- 使用
attachEvent方法为元素添加事件监听器，并指定事件类型（如 "onclick"、"onmouseover" 等）。同样，可以设置第四个参数useCapture为true或false，以决定事件是否在捕获阶段处理。默认情况下，useCapture的值为false，即事件在冒泡阶段处理。
element.attachEvent("onclick", function(event) {
// 事件处理逻辑
}, false);
需要注意的是，addEventListener 和 attachEvent 方法在某些浏览器中可能不被支持，因此在实际开发中，建议使用 addEventListener 方法。
