Fatal编程技术网
  • events/
  • Events ReactVR全局按键事件侦听器

Events ReactVR全局按键事件侦听器

events input keyboard

Events ReactVR全局按键事件侦听器,events,input,keyboard,react-360,Events,Input,Keyboard,React 360,在ReactVR应用程序中，我如何检测用户何时单击某个特定键？我有一个捕捉这个事件的函数，但是当我把它放在视图组件上时，就像这样this.handleInput（e）}>只有当我的光标在这个视图中的某个组件上时，它才会捕捉它，我想知道这一点，而不管用户光标的位置或其他任何事情。你明白了吗？我也想做类似的事情 现在，我在摄像机前制作了一个巨大的隐形，并在那里使用了onInput。我会看看是否能找到更好的解决方案，但目前我正在做的就是这样 编辑：还有一些进展（不确定你取得了多大进展） handle（

在ReactVR应用程序中，我如何检测用户何时单击某个特定键？我有一个捕捉这个事件的函数，但是当我把它放在
视图
组件上时，就像这样
this.handleInput（e）}>
只有当我的光标在这个视图中的某个组件上时，它才会捕捉它，我想知道这一点，而不管用户光标的位置或其他任何事情。
你明白了吗？我也想做类似的事情

现在，我在摄像机前制作了一个巨大的隐形
，并在那里使用了
onInput
。我会看看是否能找到更好的解决方案，但目前我正在做的就是这样

编辑：还有一些进展（不确定你取得了多大进展）


handle（e）{
console.log（'Event'，e.nativeEvent.inputEvent）
}
this.handle（e）}
风格={{
转换：[{translate:[0,0，-1]}]，
layoutOrigin:[0.5,0.5]
}}


我的
视图
很小，但您可以使用
样式

文档说我可以使用
event.type
，但这对我不起作用。我在中读到了有关nativeEvent的

您可以看到许多属性，例如：


    

  • 类型
    • 

  • 按键（用于键盘事件）
    • 

  • 视口X和视口Y（用于鼠标事件）
    • 


等等

文档没有那么深入。我建议经常阅读Github问题。希望文档和生态系统能够更快地发展。目前，最好的选择是Stackoverflow，并传播我们所掌握的知识


handle(e) { 
  console.log('Event', e.nativeEvent.inputEvent)
}

<View 
  onInput={e => this.handle(e)}
  style={{
    transform: [{translate: [0, 0, -1]}],
    layoutOrigin: [0.5, 0.5]
  }}
</View>