如何无需逐一检查所有修饰键，检测无修饰键按下的状态？

目前Web API里没有专门的修饰键位掩码属性，没法直接通过和0比较来判断是否无修饰键按下。不过可以通过标准属性可靠实现需求：

必须检查的核心条件 #

• 先处理输入法组合输入：如果KeyboardEvent.isComposing为true，直接退出事件处理，避免干扰中文输入法等的组合输入流程。
• 检查所有标准修饰键：当前W3C标准定义的通用修饰键只有四个，必须全部为false：
  • altKey：Alt键（Windows/Linux）或Option键（macOS）
  • ctrlKey：Ctrl键
  • metaKey：Windows键（Windows）或Command键（macOS）
  • shiftKey：Shift键

这四个属性覆盖了主流操作系统的所有常用修饰键，是当前标准里的全部通用修饰键定义。

针对未来新增修饰键的考量 #

如果未来真的有新的主流修饰键被加入Web标准，W3C会同步更新KeyboardEvent的属性，届时只需要在检查逻辑里新增对应的属性即可。没必要提前做过度兼容——遍历对象属性的方法容易误判非修饰键属性，反而会引入不必要的bug。

代码示例 #

document.addEventListener('keydown', (e) => {
  // 跳过输入法组合输入状态
  if (e.isComposing) return;

  // 确认无任何修饰键按下
  const noModifiersPressed = !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey;

  // 检测目标字母（这里以小写a为例，如需不区分大小写可改用e.key.toLowerCase() === 'a'）
  if (noModifiersPressed && e.key === 'a') {
    // 执行你的操作
    console.log('触发无修饰键的A按键操作');
  }
});

如果需要检测特定修饰键组合（比如仅允许Ctrl+A），只需调整条件即可：

// 仅允许Ctrl键按下，其他修饰键都未按下
const onlyCtrlPressed = e.ctrlKey && !e.altKey && !e.metaKey && !e.shiftKey;

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