在反应中使用键盘箭头在 div 中移动

Question

不久前，我遇到了一个 jQuery 插件，我可以在其中移动 div、菜单、图像……使用键盘上的方向箭头。

我已经搜索了很多关于它，但我找不到任何东西。

我需要在反应中这样做，但我找不到任何教程，而且我对这个主题有点迷失

这是我需要开发的屏幕示例

记住我需要在反应中这样做

Answer 1

我建议使用像onkeypress这样的KeyboardEvent侦听器的组合，并根据他们单击的按钮使用DOM focus() 方法将焦点设置为您想要的元素。

如果事件键码是向下箭头，则找到下一个元素并将其聚焦，或者向左/向上箭头将定位上一个元素等。您可以使用https://keycode.info/ 之类的站点来根据您的情况找出键码需要。