ReactVR全局按键事件监听器

时间:2018-03-19 20:52:01

标签: events input keyboard react-360

如何在ReactVR应用程序中检测用户何时单击某个特定键?我有一个用于捕获此事件的函数,但是当我将它放在View组件上时,就像这个<View onInput={(e) => this.handleInput(e)}>一样,只有当我将光标放在此视图中的某个组件上并且我想知道这一点时用户光标位置或其他任何内容。

1 个答案:

答案 0 :(得分:0)

你有没有想到这一点?我也想做类似的事情。

现在我做了一个巨大的隐形<View&gt;立即在相机前面,并在那里使用onInput。我会看看能否找到更好的解决方案,但就目前而言,我正在做的事情。

编辑:更多进展(不确定你有多远)

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>

我的View很小,但您可以使用style

文档说我可以使用event.type,但这对我没用。我在this issue中了解了nativeEvent

您可以看到许多属性,例如:

  • 键(用于键盘事件)
  • viewportX和viewportY(用于鼠标事件)

等等。

文档不是那么深入。我建议大量阅读Github问题。希望文档和生态系统能够更快地发展。目前最好的选择是Stackoverflow,并传播我们已经弄清楚的知识。