如何在 HTML 中配置事件监听器？

举个例子，我们可以执行如下操作，使监听器仅在事件捕获阶段触发：

element.addEventListener(event, function, true);

Or,

element.addEventListener(event, function, {passive: true});

..让听者变得被动。但是，这些所有设置仅限于通过 JavaScript 代码进行设置。如果我们在 HTML/模板代码中向 DOM 元素添加一个监听器，会怎么样：

<element onevent="function">

在这种情况下，我们如何对侦听器进行所有这些设置？这些设置是可取的，特别是当我们使用像这样的框架时React我们只在模板中直接附加事件处理程序，几乎从不使用element.addEventListener().

React 为您提供了一种在捕获阶段通过附加事件来使用事件的方法Capture位于事件名称末尾。

根据docs:

事件处理程序由冒泡阶段的事件触发。到 为捕获阶段注册一个事件处理程序，将 Capture 附加到 活动名称；例如，而不是使用onClick，你会使用onClickCapture处理捕获阶段的点击事件。