按键 Keycode
按任意键——key、code、keyCode 即时现形
- key
- —
- code
- —
- keyCode
- —
- which
- —
- location
- —
✦ 一次按键的三个名字
一次按键产出三个标识：key（字符，跟布局走）、code（物理位置，跟布局无关）、老 keyCode 数字。搞混是快捷键 bug 的经典来源——QWERTY 上好好的快捷键，到队友的 AZERTY 上挂了，多半是该读 code 的地方读了 key。
这个工具能做什么
- ⌨️ 任意按键的 key、code、keyCode、which、location 全显示
- 🔍 区分左右修饰键和数字键盘
- 📋 值实时更新，直接拷进代码
- ⚡ 零 setup——点一下，按就行
什么时候用它
- 排查快捷键为啥时灵时不灵
- 写跟布局无关的游戏操作
- 看奇葩键盘到底发了什么
隐私：按键本地读本地显示——不记录，不发送。
最后更新 · 2026-09-01
查看是怎么实现的
直接读原生 KeyboardEvent 属性（key/code/keyCode/which/location），空格给友好标签，左右/数字区 location 解码。捕获区和 document 双监听，哪里按都抓得到。
为什么在这里看键？
五个标识一次齐
key、code、老 keyCode、which、location 每次同屏——别家分几个标签页看的，这里一行齐。
修饰键分得清
左右 Shift/Ctrl/Alt 和数字键盘报各自的 code 和 location，快捷键 bug 就藏在这个细节里。
排查零摩擦
没表单没按钮：点捕获区，按下就行。值留屏，直接拷进事件处理函数。
常见问题
key 和 code啥区别？⌄
key 是敲出来的字符（跟布局走：QWERTY 的 q 在 AZERTY 上是 a），code 是物理键位置（KeyQ），跟布局无关。游戏和快捷键该听 code。
keyCode 不是废弃了吗？⌄
官方是废弃了——但框架和老教程全在印它，这里跟现代值并排显示，方便对照。
左右 Shift 为啥不一样？⌄
键名一样，code 不同（ShiftLeft/ShiftRight），location 也不同（1/2）——绑修饰键专属快捷键要的就是这个细节。
常见问题
key 和 code啥区别？
key 是敲出来的字符（跟布局走：QWERTY 的 q 在 AZERTY 上是 a），code 是物理键位置（KeyQ），跟布局无关。游戏和快捷键该听 code。
keyCode 不是废弃了吗？
官方是废弃了——但框架和老教程全在印它，这里跟现代值并排显示，方便对照。
左右 Shift 为啥不一样？
键名一样，code 不同（ShiftLeft/ShiftRight），location 也不同（1/2）——绑修饰键专属快捷键要的就是这个细节。