我正在使用Javascript(React JS)构建一个需要侦听左右箭头键的组件。我的组件是一张包含图像列表的卡片。单击图像时,会显示该图像,但我希望能够点击向右和向左箭头键并导航图像。
我有一堆嵌套的div,我试图找出哪一个应该分配onKeyPress监听器。现在我已将它分配给许多div,但我没有看到一个事件被触发。
答案 0 :(得分:2)
您需要在要触发的键盘事件的文档上设置tabIndex。然后,您可以通过在列表容器上使用onKeyPress来捕获它。文档可以有焦点,但你需要在你的文档中做到这一点。 ComponentDidMount,您可能希望跟踪顶级列表状态中的选定单元格,并将isSelected / isFocussed作为道具传递(取决于您是否需要多选)