从按钮更改到按键的功能。 HTML5 / JS

Question

我在JS中有简单的游戏脚本，但只有加速对象的方法是按钮

<button onmousedown="accelerate(-0.1)" onmouseup="accelerate(0.1)">speed ++</button>

有功能：

function accelerate(n) {
    test.gravity = n;
}

问题是如何更改按钮点击按键加速？ 基本上我不知道。

Answer 1

您可以向window.document对象添加侦听器，例如

const test = {
    gravity: 0.0
};

window.document.addEventListener('keyup', (e) => {
  // arrow up
  if (e.keyCode === 38) accelerate(0.1);
  // arrow down
  if (e.keyCode === 40) accelerate(-0.1);

  console.log(test.gravity);
})

function accelerate (n) {
    test.gravity = n;
}