键盘按键码查询工具

在线键盘按键码查询工具,按下任意键显示 keyCode、which、key、code、charCode 和 Unicode,适合前端键盘事件开发和键位调试。

常用按键码表

按键名称keycodekeyCode
方向键上ArrowUpArrowUp38
方向键下ArrowDownArrowDown40
方向键左ArrowLeftArrowLeft37
方向键右ArrowRightArrowRight39
回车键 EnterEnterEnter13
退格键 BackspaceBackspaceBackspace8
空格键 Space Space32
Tab 键TabTab9
Esc 键EscapeEscape27
删除键 DeleteDeleteDelete46
Home 键HomeHome36
End 键EndEnd35
PageUpPageUpPageUp33
PageDownPageDownPageDown34
ShiftShiftShiftLeft / ShiftRight16
CtrlControlControlLeft / ControlRight17
AltAltAltLeft / AltRight18
Windows 键MetaMetaLeft / MetaRight91
F1 - F12F1...F12F1...F12112...123
数字 0 - 9(主键盘)0...9Digit0...Digit948...57
数字 0 - 9(小键盘)0...9Numpad0...Numpad996...105
A - Za...zKeyA...KeyZ65...90

工具功能

本工具可以实时检测你按下的键盘按键,显示按键的各类信息,包括事件类型、键名、物理代码、键值码、Unicode编码等,同时提供了常用按键的码表参考。

使用方法

1. 在上方输入区域按下任意键盘按键;
2. 工具会自动显示对应按键在keydown/keyup/keypress三种事件中的各类属性信息;
3. 下方表格列出了常用按键的标准码值,可供开发参考。

参数说明

开发参考说明

在现代前端开发中,推荐使用标准属性key和code来获取按键信息,keyCode、which、charCode这些属性已经从Web标准中废弃,但是很多老代码还在使用,本工具保留展示方便调试老项目。

keyCode为什么标注为已废弃?

keyCode是早期浏览器用来表示按键的数字编码,不同浏览器实现存在差异,已经从W3C DOM规范中移除,现代开发推荐使用key和code属性。不过很多遗留代码仍在使用keyCode,本工具保留展示方便调试。

key和code有什么区别?

key表示按下按键对应的输入值,会受到修饰键(如Shift)影响,比如按下Shift+a,key返回'A';code表示键盘上物理按键的代码,始终返回'KeyA',不受修饰键影响。

为什么charCode经常显示N/A?

charCode只在keypress事件中才有有效值,表示按下字符的Unicode编码,在keydown和keyup事件中charCode为0,因此显示N/A。

我按下相同字符为什么得到不同keyCode?

相同字符在不同位置(比如主键盘的数字1和小键盘的数字1)keyCode不同,主键盘数字1的keyCode是49,小键盘1是97,可以参考下方常用码表区分。