字母和数字键的键码值(keyCode) | |||||||
按键 | 键码 | 按键 | 键码 | 按键 | 键码 | 按键 | 键码 |
A | 65 | J | 74 | S | 83 | 1 | 49 |
B | 66 | K | 75 | T | 84 | 2 | 50 |
C | 67 | L | 76 | U | 85 | 3 | 51 |
D | 68 | M | 77 | V | 86 | 4 | 52 |
E | 69 | N | 78 | W | 87 | 5 | 53 |
F | 70 | O | 79 | X | 88 | 6 | 54 |
G | 71 | P | 80 | Y | 89 | 7 | 55 |
H | 72 | Q | 81 | Z | 90 | 8 | 56 |
I | 73 | R | 82 | 0 | 48 | 9 | 57 |
数字键盘上的键的键码值(keyCode) | 功能键键码值(keyCode) | ||||||
按键 | 键码 | 按键 | 键码 | 按键 | 键码 | 按键 | 键码 |
0 | 96 | 8 | 104 | F1 | 112 | F7 | 118 |
1 | 97 | 9 | 105 | F2 | 113 | F8 | 119 |
2 | 98 | * | 106 | F3 | 114 | F9 | 120 |
3 | 99 | + | 107 | F4 | 115 | F10 | 121 |
4 | 100 | Enter | 108 | F5 | 116 | F11 | 122 |
5 | 101 | - | 109 | F6 | 117 | F12 | 123 |
6 | 102 | . | 110 | ||||
7 | 103 | / | 111 |
控制键键码值(keyCode) | |||||||
按键 | 键码 | 按键 | 键码 | 按键 | 键码 | 按键 | 键码 |
BackSpace | 8 | Esc | 27 | 方向键:▶ | 39 | -_ | 189 |
Tab | 9 | Spacebar | 32 | 方向键:▼ | 40 | .> | 190 |
Clear | 12 | Page Up | 33 | Insert | 45 | /? | 191 |
Enter | 13 | Page Down | 34 | Delete | 46 | `~ | 192 |
Shift | 16 | End | 35 | Num Lock | 144 | [{ | 219 |
Control | 17 | Home | 36 | ;: | 186 | \| | 220 |
Alt | 18 | 方向键:◀ | 37 | =+ | 187 | ]} | 221 |
Cape Lock | 20 | 方向键:▲ | 38 | ,< | 188 | '" | 222 |
多媒体键码值(keyCode) | |||||||
按键 | 键码 | 按键 | 键码 | 按键 | 键码 | 按键 | 键码 |
音量加 | 175 | 停止 | 179 | 浏览器 | 172 | 搜索 | 170 |
音量减 | 174 | 静音 | 173 | 邮件 | 180 | 收藏 | 171 |
JS键值能够应用于很多JavaScript的效果当中,如表单除了使用点击按钮提交之外,也能够通过键盘回车键进行提交。
键值中最为常用的是字母、上下左右以及回车,JS监听键盘按键值keycode对照表,和ASCⅡ码表基本一致。
按键的分类
按键可以分为“实键”和“虚键”;
实键可以理解为我们能够看到并打印出来的按键,如字母“A”、数字“1”、字符“?”等等;
虚键就是那些无法打印出来起到控制作用的按键,如“Ctrl”、“Alt”、“Shift”、“方向键”等等。
按键码和字符码
按键码是计算机用来识别不同按键的编码,每一个按键都有按键码;
字符码是可被打印的实键特有的,对应了键盘上显示的字符;
按键码可以使用String.fromCharCode()转换为字符码;
按键码和和字符码的对应表可以在本文最后找到。
如果要使用组合键,则可以判断是否同时按下了这几个键,比如ctrl键、shift键以及alt键的组合使用就可以判断是否多按下了ctrl键、shift键以及alt键。
document.onkeydown =function(event){ this.e =event || window.event; if(event.ctrlKey && event.which == 83 || event.which == 115){ alert("您按下了Ctrl+S或F4按键"); }else if(event.ctrlKey && event.which == 81 || event.which == 114){ alert("您按下了Ctrl+Q或F3按键"); }else if(event.which == 27){ alert("您按下了Esc按键"); } }
$(document).keyup(function(event){ //Ctrl + S 或 F4 if (event.ctrlKey && event.which == 83 || event.which == 115){ alert("您按下了Ctrl+S或F4按键"); } //Ctrl + Q 或 F3 if (event.ctrlKey && event.which == 81 || event.which == 114){ alert("您按下了Ctrl+Q或F3按键"); } });