JS 添加事件监听器时指定是在捕获阶段还是冒泡阶段处理事件

9 min read

在使用addEventListener方法添加事件监听器时,通过第三个参数来指定事件是在捕获阶段还是冒泡阶段处理。

如果该参数为true,则事件将在捕获阶段进行处理。而如果该参数为false(默认值),则事件将在冒泡阶段进行处理。

例如,以下代码将在div元素的捕获阶段处理点击事件:

const div = document.querySelector('div');

div.addEventListener('click', function() {
  console.log('事件处理程序在冒泡阶段执行');
}, false);

div.addEventListener('click', function() {
  console.log('事件处理程序在捕获阶段执行');
}, true);