WebXR 覆盖干扰 ThreeJS AR 控制器答案

【问题标题】：WebXR overlay interferes with ThreeJS AR ControllerWebXR 覆盖干扰 ThreeJS AR 控制器
【发布时间】：2022-02-22 23:27:19
【问题描述】：

因此，对于学校，我正在创建一个允许用户在 AR 中查看产品的网上商店。使用 WebXR，我在 AR 会话中添加了一个叠加层，其中包含一个用于重新定位模型的按钮。我发现当我按下按钮时，按钮上的点击事件被触发，同时ARController上的选择事件也被触发。

有没有办法防止我点击按钮时触发控制器？

谢谢:)

【问题讨论】：

【解决方案1】：

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

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

【讨论】：