鍵盤事件包含onkeypress onkeydown和onkeyup事件,其中onkeypress事件是在鍵盤上的某個鍵被按下而且釋放時觸發此事件的處理程序,通常用於 鍵盤上的單鍵操做。onkeydown事件是在鍵盤上的某個鍵被按下時觸發此事件的處理程序,通常用於快捷鍵的操做。onkeyup事件是在鍵盤上的某個鍵被按下後鬆開時觸發此事件的處理程序,通常用於快捷鍵的操做。javascript
按鍵 | 鍵值 | 按鍵 | 鍵值 | 按鍵 | 鍵值 | 按鍵 | 鍵值 |
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 | 83 | 0 | 48 | 9 | 57 |
數字鍵盤上按鍵鍵碼值:html
按鍵 | 鍵值 | 按鍵 | 鍵值 | 按鍵 | 鍵值 | 按鍵 | 鍵值 |
0 | 96 | 8 | 104 | F1 | 112 | F9 | 120 |
1 | 97 | 9 | 105 | F2 | 113 | F10 | 121 |
2 | 98 | * | 106 | F3 | 114 | F11 | 122 |
3 | 99 | + | 107 | F4 | 115 | F12 | 123 |
4 | 100 | Enter | 108 | F5 | 116 | ||
5 | 101 | - | 109 | F6 | 117 | ||
6 | 102 | . | 110 | F7 | 118 | ||
7 | 103 | / | 111 | F8 | 119 |
鍵盤上控制鍵的鍵碼值:java
按鍵 | 鍵值 | 按鍵 | 鍵值 | 按鍵 | 鍵值 | 按鍵 | 鍵值 |
Backspace | 8 | Esc | 27 | Right Arrow(->) | 39 | -_ | 189 |
Tab | 9 | Spacebar | 32 | Down Arrow | 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 | Left Arrow | 37 | =+ | 187 | ]} | 221 |
Cape Lock | 20 | Up Arrow | 38 | ,< | 188 | "" | 222 |
例子:按1鍵對頁面進行刷新,在文本框內寫入鍵盤按鈕,讀出鍵盤鍵值spa
<html> <head> <meta charset="utf-8"> <title></title> </head> <script type="text/javascript"> function refurbish(){ //var keycode = window.event ? e.keyCode : e.which; if(event.keyCode==97) { location.reload(); } } function noNumbers(e) { var keynum; var keychar; keynum = window.event ? e.keyCode : e.which; keychar = String.fromCharCode(keynum); alert(keynum+':'+keychar); } </script> <body onkeydown="refurbish()"> <input type="text" onkeydown="noNumbers(event)" /> </body> </html>