如何在Runtime获取按键状态？不使用keyDown等事件

浏览器环境 #

• 实验性原生API：navigator.keyboard.getKeyState()
  Chrome 94+等现代浏览器支持该API，可直接查询指定按键的按压状态，无需绑定键盘事件。不过它属于实验性特性，兼容性有限，且需要用户授予键盘锁定权限。用法示例：

  // 先请求权限
  navigator.permissions.query({ name: 'keyboard-lock' })
    .then(status => {
      if (status.state === 'granted') {
        // 查询Enter键的按压状态
        const isEnterPressed = navigator.keyboard.getKeyState('Enter');
        console.log(isEnterPressed);
      }
    });
  

• 优化后的状态追踪方案（兼容性首选）
  如果要兼容旧环境，可以用事件但做极致优化：维护一个全局按键状态对象，仅绑定一次keydown/keyup事件来更新状态，后续直接读取该对象即可。这种方式的性能开销微乎其微——浏览器原生事件的触发成本极低，状态更新只是简单的对象赋值，完全不会给基础类带来性能负担。示例：

  const keyStates = Object.create(null);
  
  // 全局仅绑定一次事件
  window.addEventListener('keydown', e => keyStates[e.code] = true);
  window.addEventListener('keyup', e => keyStates[e.code] = false);
  
  // 读取指定按键状态
  function isKeyPressed(keyCode) {
    return keyStates[keyCode] || false;
  }
  

Node.js环境 #

• 调用系统底层API
  可以通过node-ffi-napi这类库直接调用系统原生函数，完全不依赖事件：
  • Windows：使用GetAsyncKeyState函数查询按键状态
  • Linux：读取/dev/input/event*设备文件解析按键数据
  • macOS：调用CGEventSourceKeyState获取按键状态
    示例（macOS环境）：

  const ffi = require('ffi-napi');
  const cocoa = new ffi.Library(null, {
    'CGEventSourceKeyState': ['bool', ['int', 'int']]
  });
  
  // 查询A键状态（macOS中A键的keyCode为0）
  const isAPressed = cocoa.CGEventSourceKeyState(0, 0);
  console.log(isAPressed);
  

  这种方式完全脱离事件，但需要处理跨平台兼容，且涉及原生模块，打包部署复杂度较高。

桌面应用（Electron/NW.js） #

可以结合两种思路：在主进程中调用系统原生API查询状态，通过IPC传递给渲染进程；或者在渲染进程中使用浏览器的实验性API，根据需求选择即可。

关于性能的补充 #

你担心事件会影响性能，但实际情况是：

• 全局绑定的keydown/keyup事件是浏览器原生处理的，回调逻辑仅做简单赋值，性能开销可以忽略。
• 直接调用系统API的方案，反而可能因为跨上下文调用（比如Node.js调用原生函数）带来额外开销，尤其是高频查询时。
• 如果是基础类使用，优先推荐全局状态对象+事件更新的方案，兼容性好、性能稳定，完全无需担心性能问题。

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