⌨️

键盘按键检测

实时检测键盘按键信息,显示 keyCode、key、code 等属性。

正在监听键盘按键... (点击暂停)

请按下键盘上的任意键

关于 Key Codes

event.key: 表示按键产生的字符值。这是现代浏览器推荐使用的属性。

event.code: 表示按键的物理位置。例如,左 Shift 和右 Shift 有不同的 code。

event.keyCode / event.which: 表示按键的数字代码。虽然已被 Web 标准弃用,但在许多旧代码库中仍然广泛使用。

关于此工具

Keycode Info 是一个专为前端开发者设计的在线键盘事件调试工具。当您按下键盘上的任意键时,它会实时捕获并展示该按键的完整事件对象信息,包括 event.key, event.code, event.keyCode (Deprecated), event.which 以及 event.location。工具还能够识别 Ctrl, Shift, Alt, Meta 等修饰键,并记录最近的按键历史,帮助您快速查找和验证键盘代码,解决快捷键开发中的兼容性问题。

功能特点

  • ⌨️ 实时捕获:按下按键即刻显示详细信息
  • 🔍 全面数据:包含 key, code, keyCode, which, location 等所有属性
  • ✨ 修饰键支持:精准识别 Ctrl, Shift, Alt, Meta 组合键
  • 📜 历史记录:自动记录最近的 10 次按键操作
  • 🎨 视觉反馈:清晰的大字号显示核心 KeyCode
  • 📱 响应式:适配各种屏幕尺寸与设备