WebXR叠加干扰ThreeJS AR控制器

Question

所以对于学校，我正在制作一个网络商店，允许用户在AR中查看产品。使用WebXR，我已经添加了一个覆盖到AR会话，其中包含一个按钮，以重新定位模型。我发现当我按下按钮时，会触发按钮上的单击事件，但也会触发ARController上的select事件。

当我单击按钮时，是否有办法防止控制器触发？

谢谢:)

Answer 1

您需要使用beforexrselect事件并调用preventDefault()，如下所示：https://www.w3.org/TR/webxr-dom-overlays-1/#onbeforexrselect

buttonOnOverlay.addEventListener('beforexrselect', e => {
  e.preventDefault();
});