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

Javascript 从按钮更改到按键的功能。HTML5/JS,javascript,html,Javascript,Html,我有一个简单的JS游戏脚本,但唯一的加速方法是按下按钮 <button onmousedown="accelerate(-0.1)" onmouseup="accelerate(0.1)">speed ++</button> 问题是如何将按钮点击改为按键加速? 基本上我不知道。例如,您可以将侦听器添加到window.document对象 const test = { gravity: 0.0 }; window.document.addEventListene

我有一个简单的JS游戏脚本,但唯一的加速方法是按下按钮

<button onmousedown="accelerate(-0.1)" onmouseup="accelerate(0.1)">speed ++</button>
问题是如何将按钮点击改为按键加速?
基本上我不知道。例如,您可以将侦听器添加到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;
}
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;
}