时间戳

首页 > 解决方案 > 如何在 React-js 中为捕获阶段注册事件处理程序？

javascript - 如何在 React-js 中为捕获阶段注册事件处理程序？

问题描述

默认情况下，元素事件处于bubbling阶段。在javascript中，如果我们要将其转换为捕获，我们有以下方式：

1- 当 useCapture 的值设置为 true 时，事件使用捕获传播（在第三个参数中）：

element.addEventListener(event, function, useCapture);

2- jQuery 只使用事件冒泡。

现在我的主要问题是，虽然我们使 evnet 内联<div onclick= {} />，但如何将冒泡阶段更改为在 React 中捕获？

标签： javascriptreactjseventscapture

解决方案

这很简单。

对于事件冒泡

<div onClick={() => { alert('Bubbling');}} >
This will result into event bubbling
</div>

用于事件捕获

<div onClickCapture={() => { alert('Capturing');}} >
This will result into event capturing
</div>

你也可以参考这里的官方文档

推荐阅读