前端 JavaScript 进阶面试题, 什么是 JavaScript 的事件流?

Step 1

Q:: 什么是 JavaScript 的事件流？

A:: JavaScript 的事件流描述了事件在 DOM 中的传播顺序。事件流有三个阶段：捕获阶段（Event Capturing），目标阶段（Event Target），冒泡阶段（Event Bubbling）。在捕获阶段，事件从文档的根开始向目标元素传播；在目标阶段，事件到达目标元素；在冒泡阶段，事件从目标元素向文档的根方向传播。

Step 2

Q:: 解释捕获阶段和冒泡阶段的区别。

A:: 捕获阶段是指事件从最外层的祖先元素开始，逐层向目标元素传播。冒泡阶段则相反，事件从目标元素开始，逐层向上冒泡到最外层的祖先元素。

Step 3

Q:: 如何使用 addEventListener 来处理事件？

A:: 使用 addEventListener 方法可以为指定的元素添加事件监听器。语法为 element.addEventListener(event, handler, useCapture)，其中 event 是事件类型，handler 是事件处理函数，useCapture 是一个布尔值，指示是否在捕获阶段触发事件。

Step 4

Q:: 事件代理是什么？

A:: 事件代理（Event Delegation）是一种将事件监听器添加到父元素，而不是每个子元素的技术。通过利用事件冒泡机制，父元素可以在其内部的任意子元素上触发事件处理器。