我之前也碰到过类似的情况，PC端正常但移动端没反应，大概率是因为移动端的设备传感器校准和交互逻辑和PC端不一样，给你几个针对性的解决方案：

• 先确认交互事件是否在移动端触发
  PC端的click事件在移动端有时候会有延迟或者不触发，建议直接用A-Frame封装好的交互逻辑，它的click事件会自动适配PC和移动端的交互方式，不用额外区分触摸和鼠标事件。

• 正确重置设备传感器校准
  移动端的头部方向是靠设备传感器（陀螺仪、加速度计）驱动的，单纯修改相机的rotation会被传感器的实时数据覆盖，必须同时重置传感器的基准方向才能生效。

给你一个完整的修正代码示例：

首先添加自定义重置组件：

AFRAME.registerComponent('reset-head', {
  init: function () {
    // 绑定A-Frame的click事件，自动适配两端交互
    this.el.addEventListener('click', () => {
      const camera = document.querySelector('[camera]');
      
      // 重置相机的3D旋转参数
      camera.object3D.rotation.set(0, 0, 0);
      
      // 针对移动端设备，重置传感器的基准校准
      const orientationControls = camera.components['device-orientation-controls'];
      if (orientationControls && orientationControls.isMobile) {
        // 调用A-Frame内置的重置方法，让传感器以当前姿态为新的初始方向
        orientationControls.reset();
      }
    });
  }
});

然后在你的重置按钮实体上添加这个组件：

<!-- 一个红色的重置按钮，放在用户视野前方易点击的位置 -->
<a-entity 
  geometry="primitive: box; width: 0.2; height: 0.1; depth: 0.05"
  material="color: #ff3333"
  position="0 1.6 -1"
  reset-head
></a-entity>

• 额外注意：移动端VR交互的适配
  如果是用Cardboard这类VR设备，需要给相机添加光标组件，支持凝视触发点击：

<a-camera>
  <a-cursor fuse="true" fuse-timeout="500"></a-cursor>
</a-camera>

如果是直接触摸屏幕操作，要保证按钮在视口范围内，并且没有被其他3D元素遮挡。

另外，记得检查移动端浏览器是否授权了设备方向的访问权限，有些浏览器会弹出权限请求，用户需要允许后才能正常使用传感器功能。

内容的提问来源于stack exchange，提问作者Sabbir33