1

我正在使用 Javascript (React JS) 构建一个需要监听左右箭头键的组件。我的组件是一张包含图像列表的卡片。单击图像时，会显示它，但我希望能够按左右箭头键并导航图像。

我有一堆嵌套的 div，我试图找出应该分配 onKeyPress 侦听器的那个。现在我将它分配给了许多 div，但我没有看到任何事件被触发。

4

1 回答 1

2

您需要在文档上设置 tabIndex 才能触发键盘事件。然后，您可以通过在列表容器上添加 onKeyPress 来捕捉这一点。Docs 可以有重点，但你需要在你的. ComponentDidMount 并且您可能希望在顶级列表状态中跟踪选定的单元格并将 isSelected / isFocused 作为道具传递（取决于您是否需要多选）

于 2014-07-17T09:48:27.517 回答