游戏手柄api中的“ onkeyup”是什么？

如何解决游戏手柄api中的“ onkeyup”是什么？

我正在尝试使用Gamepad API。当按下按钮时，它一直被“触发”，直到释放按钮为止。对于像在游戏中奔跑或射击之类的东西来说，这很酷，但是当我想在菜单内导航时（例如，向下移动16个菜单项而不是一个），这是有问题的。

在普通键盘上，我将使用onkeyup / onkeydown来查看何时按键结束。但是在gamepad api上，我没有找到类似的东西。

JS：

var gamepadPressCounter = 0;

function update() {
  const gamepads = navigator.getGamepads();
  if (gamepads[0].buttons[0].pressed === true)  {
    gamepadPressCounter++;
  }
  window.requestAnimationFrame(update);
}

那么，您知道一种方法来使GamepadPressCounter每次按下一次而不是无限次吗？

解决方法

您必须根据上次检查它是否为pressed来进行检查。它不会触发事件，它是有状态的。您正在直接检查是否按下了按钮。

制作一个变量来存储您上次检查按钮的状态，并进行比较以查看按钮是否自上次更改以来。

const anyButtonPressedChangeListener = {
  listeners: [],addListener(cb) {
    this.listeners.push(cb);
  },signal(state) {
    for (const cb of this.listeners) {
      cb(state);
    }
  }
}

let buttonstate = false;

const loop = () => {
  const gamepads = navigator.getGamepads();
  const gamepad = gamepads[0];

  if (gamepad) {
    const statenow = gamepad.buttons.some(btn => btn.pressed);
    if (buttonstate !== statenow) {

      buttonstate = statenow;
      anyButtonPressedChangeListener.signal(statenow);
    }
  } else {
    console.log("Not connected");
  }

  setTimeout(loop,1000);
}

anyButtonPressedChangeListener.addListener((buttonState) => {
  console.log(`Any button pressed changed to ${buttonState}`);
});

loop();