字母和數(shù)字鍵的鍵碼值(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 |
數(shù)字鍵盤上的鍵的鍵碼值(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鍵值能夠應(yīng)用于很多JavaScript的效果當(dāng)中,如表單除了使用點(diǎn)擊按鈕提交之外,也能夠通過鍵盤回車鍵進(jìn)行提交。
鍵值中最為常用的是字母、上下左右以及回車,JS監(jiān)聽鍵盤按鍵值keycode對(duì)照表,和ASCⅡ碼表基本一致。
按鍵的分類
按鍵可以分為“實(shí)鍵”和“虛鍵”;
實(shí)鍵可以理解為我們能夠看到并打印出來的按鍵,如字母“A”、數(shù)字“1”、字符“?”等等;
虛鍵就是那些無法打印出來起到控制作用的按鍵,如“Ctrl”、“Alt”、“Shift”、“方向鍵”等等。
按鍵碼和字符碼
按鍵碼是計(jì)算機(jī)用來識(shí)別不同按鍵的編碼,每一個(gè)按鍵都有按鍵碼;
字符碼是可被打印的實(shí)鍵特有的,對(duì)應(yīng)了鍵盤上顯示的字符;
按鍵碼可以使用String.fromCharCode()轉(zhuǎn)換為字符碼;
按鍵碼和和字符碼的對(duì)應(yīng)表可以在本文最后找到。
如果要使用組合鍵,則可以判斷是否同時(shí)按下了這幾個(gè)鍵,比如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按鍵"); } });