炬哥技术博客

JS中常用键盘事件对应键码

炬哥 2024年06月09日 前端开发 2801 0

JS中常用键盘事件对应键码


在JavaScript中,处理键盘事件时,通常会使用键码(keyCode)来识别按下的键。以下是一些常用的键盘事件对应的键码: 

控制键

键码 (keyCode) 键码 (keyCode)
Enter 13 Page Down 34
Shift 16 End 35
Ctrl 17 Home 36
Alt 18 Left Arrow 37
Pause/Break 19 Up Arrow 38
Caps Lock 20 Right Arrow 39
Esc 27 Down Arrow 40
Space 32 Insert 45
Page Up 33 Delete 46

数字键

键码 (keyCode) 键码 (keyCode)
0 48 5 53
1 49 6 54
2 50 7 55
3 51 8 56
4 52 9 57

字母键

键码 (keyCode) 键码 (keyCode)
A 65 N 78
B 66 O 79
C 67 P 80
D 68 Q 81
E 69 R 82
F 70 S 83
G 71 T 84
H 72 U 85
I 73 V 86
J 74 W 87
K 75 X 88
L 76 Y 89
M 77 Z 90

数字小键盘

键码 (keyCode) 键码 (keyCode)
0 96 5 101
1 97 6 102
2 98 7 103
3 99 8 104
4 100 9 105
* 106 + 107
Enter 108 - 109
. 110 / 111

功能键

键码 (keyCode) 键码 (keyCode)
F1 112 F7 118
F2 113 F8 119
F3 114 F9 120
F4 115 F10 121
F5 116 F11 122
F6 117 F12 123

其他常用键

字符 键码 (keyCode) 字符 键码 (keyCode)
; 186 ` 192
= 187 [ 219
, 188 \ 220
- 189 ] 221
. 190 ' 222
/ 191


这些键码可以通过在键盘事件处理程序中访问 event.keyCode 属性来获取。然而,需要注意的是,在现代Web开发中,建议使用 event.key 或 event.code 代替 keyCode,因为前者在一些情况下更加准确和可读。
function handleKeyboardEvent(event) {
    // 获取按键名称
    const keyName = event.key;
    // 获取按键码
    const keyCode = event.code;

    // 在这里可以根据需要执行特定的操作
    console.log("按键名称:", keyName);
    console.log("按键码:", keyCode);
}

// 在文档中添加键盘事件监听器
document.addEventListener("keydown", handleKeyboardEvent);
打赏 支付宝打赏 微信打赏

声明:本文由发布,如需转载请注明出处。

发布评论

分享到:

炬哥技术博客

欢迎炬哥微信号:4508175 (左侧二维码扫一扫)

CentOS7 docker.repo 用阿里云Docker Yum源
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,您可以吐槽或者留言。