使用Gamepad API时requestAnimationFrame循环按钮检测异常求助

• 全局变量未实时刷新状态
  你将按钮状态相关变量改为全局let后，仅在gamepadconnected事件中初始化了一次，但没有在gameLoop的每一轮帧循环里重新获取最新的手柄输入数据。Gamepad API的navigator.getGamepads()返回的是实时更新的手柄对象，如果你只保存某一时刻的旧状态，后续循环就会一直使用这个过期数据，导致按钮释放后变量仍停留在“按下”状态。

• 作用域逻辑的反向错误
  最初在gameLoop内用const声明变量是正确的——每一次帧循环都会重新调用navigator.getGamepads()拉取最新的手柄状态（包括按钮的按下/释放变化）。改成全局变量后，你相当于把某一瞬间的按钮状态“固定”了，没有随帧循环同步刷新，自然无法响应后续的按钮操作，只会持续输出旧的状态日志。

• Gamepad对象的引用特性误解
  如果你全局存储的是gamepad.buttons数组的快照（比如直接赋值let buttons = gamepad.buttons），而非每次循环都从gamepad.buttons重新读取，这个快照不会自动更新。虽然GamepadButton对象本身是实时的，但如果没有重新获取最新的gamepad对象或按钮数组，变量里的状态就不会同步手柄的实际输入。

错误代码示例（你的情况大概率符合） #

let globalGamepad;
let globalButtons;

window.addEventListener('gamepadconnected', (e) => {
  globalGamepad = e.gamepad;
  globalButtons = globalGamepad.buttons; // 仅初始化一次按钮数组引用
});

function gameLoop() {
  // 未重新获取最新状态，直接使用全局变量
  if (globalButtons[0].pressed) {
    console.log('A键按下');
  }
  requestAnimationFrame(gameLoop);
}

修正后的正确逻辑 #

function gameLoop() {
  const gamepads = navigator.getGamepads();
  const targetGamepad = gamepads[0]; // 取第一个连接的手柄
  if (targetGamepad) {
    const currentButtons = targetGamepad.buttons;
    if (currentButtons[0].pressed) {
      console.log('A键按下');
    }
    // 其他按钮检测逻辑
  }
  requestAnimationFrame(gameLoop);
}

内容的提问来源于stack exchange，提问作者Tsu'Na