时间戳

首页 > 解决方案 > 如何在 HTML 本身中配置事件监听器？

javascript - 如何在 HTML 本身中配置事件监听器？

问题描述

举个例子，我们可以做如下的事情来让我们的监听器只在事件捕获阶段触发：

element.addEventListener(event, function, true);

或者，

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

..使听众被动。但是，所有这些设置都仅限于通过 JavaScript 代码设置它们。如果，我们在 HTML/Template 代码中为 DOM 元素添加一个监听器，例如：

<element onevent="function">

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

标签： javascripthtmlreactjsdomdom-events

解决方案

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

根据文档：

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

推荐阅读