处理React JS中的关键事件
Handling key events in React JS
我正在使用Javascript (React JS)构建一个需要侦听左右箭头键的组件。我的组件是一个包含图像列表的卡片。当一个图像被点击,它被显示,但我希望能够击中右和左箭头键和导航图像。
我有一堆嵌套div和我试图找出哪一个应该有onKeyPress监听器分配。现在我把它分配给了很多div,但是我没有看到一个事件被触发。
您需要在文档上设置tabIndex,以便触发键盘事件。然后,您可以通过在列表容器上使用onKeyPress来捕获此问题。文档可以有重点,但你需要在你的。ComponentDidMount和你可能想要跟踪选定的单元格在你的顶级列表状态和传递isSelected/isFocussed作为道具(取决于你是否想要多选)
相关文章:
- 为什么我的点击事件没有使用 react js 触发
- React应用程序:道具在下一个事件后更新
- React.js:将事件从父级附加到子级
- 将事件发送到javascript文档的react本机模块是否正确
- 使用react js在跨域上执行事件javascript
- ReactJS:如何使用react正确播放带有onClick事件的html5视频
- 如何在React's onChange事件
- React模板鼠标事件在容器's鼠标事件
- React/flux - 子组件用户事件 - 是否应通过调度程序路由所有内容
- 将 react-redux 与基于事件的第三方库一起使用的最佳方法是什么?
- OnChange 事件使用 React JS 作为下拉列表
- React:如何侦听子组件事件
- 如何在音频元素上使用React媒体合成事件监听器
- React.js事件需要点击2次才能执行
- React-检测'输入'更改事件中的按键
- 测试React中的点击事件是否会更新HTML
- React在状态更改时丢弃排队的事件
- 如何从 React 中的事件对象访问自定义属性
- 为什么removeEventListener不适用于React安装的事件处理程序
- React事件未启动