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

Question

我对此很陌生，需要一些提示。我想知道是否有某种方法可以优化 A-Frame 页面以使其在移动设备上完全正常工作。我制作了一些事件，并且在 PC 和 Mac 上运行良好，但很多功能在移动设备(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 中提到。 .