如何在 React onClick 中模拟键盘事件?

Rah*_*ngh 5 javascript reactjs

我目前正在使用 React 为我的 Web 应用程序开发屏幕处理程序,并且在为屏幕键上的退格键和箭头创建事件时遇到一些问题。

我有这样的布局

在此输入图像描述

我正在查看一些使用 jquery 的问题,但我也遇到了多个 SO 问题,这些问题说由于 React 使用虚拟 DOM 概念,因此将 jquery 与 React 一起使用是一种不好的做法。

如何在文本字段上触发退格键?

如何将 JQuery 与 ReactJS 结合使用

如何使用 React 或纯 JS 模拟屏幕控件中的退格键和左右箭头按钮的事件。

更新

我不想根据按键触发屏幕按钮,反之亦然。我想单击屏幕按钮,该按钮会自动触发键盘按下事件,并在输入时执行必要的事件。

小智 0

尝试从每个按钮的 onClick 处理程序中调度具有相应键码的 KeyboardEvent。您可以在这里找到键码https://keycode.info/