JS中是否有kbhit的等价实现？新手游戏开发输入获取求助

和C++控制台的kbhit不同，JS的运行环境（网页/Node.js控制台）有各自的输入处理方式，下面是适合新手的几种方案：

网页环境（推荐新手入门） #

网页游戏里最常用的是监听全局键盘事件，配合游戏循环实现角色移动：

1. 记录按键状态
   通过keydown和keyup事件记录当前按下的按键，这样可以处理按住按键持续移动的场景：

// 存储按键按下状态
const pressedKeys = {};

// 监听按键按下
document.addEventListener('keydown', (e) => {
  pressedKeys[e.key] = true;
  // 阻止方向键默认滚动行为（可选）
  if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(e.key)) {
    e.preventDefault();
  }
});

// 监听按键松开
document.addEventListener('keyup', (e) => {
  pressedKeys[e.key] = false;
});

2. 游戏循环更新角色位置
   用requestAnimationFrame创建游戏循环，在循环里根据按键状态更新角色坐标：

// 角色初始位置
let playerX = 50;
let playerY = 50;

function gameLoop() {
  // 根据按键更新位置
  if (pressedKeys['ArrowUp']) playerY -= 3;
  if (pressedKeys['ArrowDown']) playerY += 3;
  if (pressedKeys['ArrowLeft']) playerX -= 3;
  if (pressedKeys['ArrowRight']) playerX += 3;

  // 渲染角色（以Canvas为例）
  const canvas = document.getElementById('gameCanvas');
  const ctx = canvas.getContext('2d');
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  ctx.fillRect(playerX, playerY, 8, 8); // 绘制8x8的像素角色

  // 循环调用
  requestAnimationFrame(gameLoop);
}

// 启动游戏
gameLoop();

为什么不用scanner？ #

你查到的scanner一般是Node.js环境下读取控制台输入的工具，适合命令行交互程序，而图形化游戏需要实时响应按键，显然键盘事件更匹配需求。

Node.js控制台游戏（可选） #

如果要做控制台游戏，可以用Node.js的readline模块或者第三方库keypress来监听按键，但相对网页环境会复杂一些，新手优先推荐网页方案。

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