键盘事件包含onkeypress onkeydown和onkeyup事件,其中onkeypress事件是在键盘上的某个键被按下并且释放时触发此事件的处理程序,一般用于 键盘上的单键操作。onkeydown事件是在键盘上的某个键被按下时触发此事件的处理程序,一般用于快捷键的操作。onkeyup事件是在键盘上的某个键被按下后松开时触发此事件的处理程序,一般用于快捷键的操作。

按键 键值 按键 键值 按键 键值 按键 键值
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

数字键盘上按键键码值:

 

按键 键值 按键 键值 按键 键值 按键 键值
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    

键盘上控制键的键码值:

按键 键值 按键 键值 按键 键值 按键 键值
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键对页面进行刷新,在文本框内写入键盘按钮,读出键盘键值

<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>