使用移动设备中A-Frame中的链接进行触摸和单击的不同行为

Question

我是新手，需要一些提示。我想知道是否有某种方法可以优化A-Frame页面以在Mobile上完全运行。我做了一些活动，一切都适用于PC和Mac，但很多功能都不适用于Mobile（iPhoneX和Android 6），甚至使用如下行：

this.el.addEventListener('touchstart', (e) => { 
window.open('https://physi-enabled.glitch.me','_blank');

有什么想法吗？这是代码：https://glitch.com/edit/#!/building-world?path=index.html:28:62

enter image description here

Answer 1

您的问题不够具体，但这里提供了一些提示：

1. 使用A-Frame内置组件，基元和 util函数对您有利。例如，已经link component - 您可以使用它而不是手动附加click事件，只是为了在新标签页中打开链接。
2. Look controls是定义鼠标和触摸行为的组件，因此您可能需要查看它。
3. AFRAME.utils.device.isMobile是一个功能，可以告诉您设备是否是移动设备，您大部分时间都不需要自己的设备。
4. event-set组件可能会帮助您减少与更改hover或click等上的一个属性相关的所有代码。
5. 上述大部分内容，如果不是A-Frame docs中提到的所有内容。