前端经典面试题合集, 什么是 Javascript 的事件流?有哪些事件流模型?

Step 1

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

A:: JavaScript 的事件流是指事件在 DOM 中传播的顺序。事件流有三个阶段：捕获阶段、目标阶段和冒泡阶段。捕获阶段从根节点开始向目标节点传播；目标阶段是事件到达目标节点；冒泡阶段是事件从目标节点向上返回根节点。

Step 2

Q:: 有哪些事件流模型？

A:: 主要有两种事件流模型：传统的事件流模型（IE事件流）和标准的事件流模型（W3C事件流）。IE事件流模型只支持冒泡阶段，而W3C事件流模型支持捕获、目标和冒泡三个阶段。

Step 3

Q:: 如何阻止事件冒泡？

A:: 可以使用 event.stopPropagation() 方法来阻止事件冒泡。另外，可以使用 event.stopImmediatePropagation() 来阻止事件冒泡并阻止其他事件监听器执行。

Step 4

Q:: 事件委托是什么？

A:: 事件委托是通过把事件监听器添加到父元素上，然后通过事件冒泡机制处理子元素的事件。这种方式减少了内存消耗，尤其是当大量子元素需要事件处理时。

Step 5

Q:: 什么是捕获阶段和冒泡阶段？

A:: 捕获阶段是事件从根节点向目标节点传播的过程，而冒泡阶段是事件从目标节点向上返回根节点的过程。两者的区别在于传播方向。

Step 6

Q:: 如何在捕获阶段处理事件？

A:: 在添加事件监听器时，可以将第三个参数设置为 true 或使用 {capture: true}，这样事件监听器将在捕获阶段执行。