跳到主内容
UniKit

键盘按键信息

按下任意按键,查看 key、code、keyCode、which、修饰键状态与按键位置,附原始事件信息表与常见按键速查表。

浏览器本地运行所有计算都在你的浏览器里完成,数据不会离开本机。

按键捕获

点击下面的区域后按下任意按键(也可以直接按,监听挂在窗口上)。

请按任意键…

按键信息

尚未捕获按键

原始事件信息

按下按键后这里会列出原始属性。

常见按键速查表

按 keyCode 排序的常用按键,覆盖字母、数字、功能键、方向键、小键盘、修饰键与符号键。

按键codekeyCode分类
AKeyA65字母
BKeyB66字母
CKeyC67字母
DKeyD68字母
EKeyE69字母
FKeyF70字母
GKeyG71字母
HKeyH72字母
IKeyI73字母
JKeyJ74字母
KKeyK75字母
LKeyL76字母
MKeyM77字母
NKeyN78字母
OKeyO79字母
PKeyP80字母
QKeyQ81字母
RKeyR82字母
SKeyS83字母
TKeyT84字母
UKeyU85字母
VKeyV86字母
WKeyW87字母
XKeyX88字母
YKeyY89字母
ZKeyZ90字母
0Digit048数字
1Digit149数字
2Digit250数字
3Digit351数字
4Digit452数字
5Digit553数字
6Digit654数字
7Digit755数字
8Digit856数字
9Digit957数字
F1F1112功能键
F2F2113功能键
F3F3114功能键
F4F4115功能键
F5F5116功能键
F6F6117功能键
F7F7118功能键
F8F8119功能键
F9F9120功能键
F10F10121功能键
F11F11122功能键
F12F12123功能键
ArrowLeftArrowLeft37导航键
ArrowUpArrowUp38导航键
ArrowRightArrowRight39导航键
ArrowDownArrowDown40导航键
EscapeEscape27导航键
TabTab9导航键
CapsLockCapsLock20导航键
EnterEnter13导航键
SpaceSpace32导航键
BackspaceBackspace8导航键
DeleteDelete46导航键
InsertInsert45导航键
HomeHome36导航键
EndEnd35导航键
PageUpPageUp33导航键
PageDownPageDown34导航键
PrintScreenPrintScreen44导航键
ScrollLockScrollLock145导航键
PausePause19导航键
NumLockNumLock144导航键
0Numpad096小键盘
1Numpad197小键盘
2Numpad298小键盘
3Numpad399小键盘
4Numpad4100小键盘
5Numpad5101小键盘
6Numpad6102小键盘
7Numpad7103小键盘
8Numpad8104小键盘
9Numpad9105小键盘
EnterNumpadEnter13小键盘
*NumpadMultiply106小键盘
+NumpadAdd107小键盘
-NumpadSubtract109小键盘
.NumpadDecimal110小键盘
/NumpadDivide111小键盘
ShiftShiftLeft16修饰键
ShiftShiftRight16修饰键
ControlControlLeft17修饰键
ControlControlRight17修饰键
AltAltLeft18修饰键
AltAltRight18修饰键
MetaMetaLeft91修饰键
MetaMetaRight92修饰键
ContextMenuContextMenu93修饰键
;Semicolon186符号键
=Equal187符号键
,Comma188符号键
-Minus189符号键
.Period190符号键
/Slash191符号键
`Backquote192符号键
[BracketLeft219符号键
\Backslash220符号键
]BracketRight221符号键
'Quote222符号键

这个工具能做什么

  • 写键盘快捷键时确认浏览器给的到底是哪个值:key 是字符内容、code 是物理按键位置,做游戏或跨键盘布局的快捷键必须用 code。
  • 排查「同一个键在不同键盘上行为不同」:Shift 左右的 code 分别是 ShiftLeft / ShiftRight,location 也会标出左侧、右侧还是小键盘。
  • 判断组合键有没有被正确识别:Ctrl / Alt / Shift / Meta 的状态会拼成「Ctrl + Shift」这样的组合串,长按触发的 repeat 也能看到。
  • 查常见按键的 keyCode:内置了按 keyCode 排序的速查表,覆盖字母、数字、功能键、方向键、小键盘、修饰键与符号键。

示例

输入

在页面上按下 Shift + A(大写 A)

输出

key: A
code: KeyA
keyCode: 65
which: 65
location: 0 · 标准位
modifiers: Shift
repeat: 否

key 会随 Shift 变成大写 A,code 永远是 KeyA。keyCode / which 已废弃但很多老代码还在用,所以这里一并显示。

常见问题

key 和 code 到底该用哪个?

key 是「用户按出来的字符」,会受 Shift、输入法和键盘布局影响;code 是「键盘上的物理位置」,同一台键盘永远不变。做游戏操作、快捷键系统用 code(KeyA、Digit1、NumpadEnter);处理文本输入用 key。

keyCode 和 which 已经废弃了,为什么还显示?

因为它们没有按标准被移除,Chrome、Safari 仍然会填值,大量遗留代码和第三方库还在读 event.keyCode。写新代码请用 key 和 code,这里显示只是方便你对照排查老代码。

为什么数字键和字母键的 keyCode 是连续的?

keyCode 沿用早期的 Windows 虚拟键码:A–Z 是 65–90,主键盘数字 0–9 是 48–57,小键盘数字是 96–105。所以同一个「1」,主键盘是 49、小键盘是 97,位置不同编码就不同。

组合键和输入法状态下会有什么不同?

按下 Ctrl / Alt / Meta 组合键时浏览器一般不会产生字符输入,key 可能是 "a" 或空;输入法组合中(中文输入、日文假名)会先触发 composition 事件,这里监听的是 keydown,看到的是原始按键。

按下的键会被记录或上传吗?

不会。按键信息只在你当前页面内存里用于渲染结果,不发任何网络请求,也不会写入本地存储。刷新页面即清空。

关键词:keycode按键信息keycodewhichkeyboard event键盘修饰键速查表

同类工具