键盘按键的键码值(全)

水深无声 2021-12-23 02:29 548阅读 0赞

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

**数字键盘上按键键码值：**

<table style="width:500px;"> 
 <tbody> 
  <tr> 
   <td style="text-align:center;"><strong>按键</strong></td> 
   <td style="text-align:center;"><strong>键值</strong></td> 
   <td style="text-align:center;"><strong>按键</strong></td> 
   <td style="text-align:center;"><strong>键值</strong></td> 
   <td style="text-align:center;"><strong>按键</strong></td> 
   <td style="text-align:center;"><strong>键值</strong></td> 
   <td style="text-align:center;"><strong>按键</strong></td> 
   <td style="text-align:center;"><strong>键值</strong></td> 
  </tr> 
  <tr> 
   <td style="text-align:center;">0</td> 
   <td style="text-align:center;">96</td> 
   <td style="text-align:center;">8</td> 
   <td style="text-align:center;">104</td> 
   <td style="text-align:center;">F1</td> 
   <td style="text-align:center;">112</td> 
   <td style="text-align:center;">F9</td> 
   <td style="text-align:center;">120</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;">1</td> 
   <td style="text-align:center;">97</td> 
   <td style="text-align:center;">9</td> 
   <td style="text-align:center;">105</td> 
   <td style="text-align:center;">F2</td> 
   <td style="text-align:center;">113</td> 
   <td style="text-align:center;">F10</td> 
   <td style="text-align:center;">121</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;">2</td> 
   <td style="text-align:center;">98</td> 
   <td style="text-align:center;">*</td> 
   <td style="text-align:center;">106</td> 
   <td style="text-align:center;">F3</td> 
   <td style="text-align:center;">114</td> 
   <td style="text-align:center;">F11</td> 
   <td style="text-align:center;">122</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;">3</td> 
   <td style="text-align:center;">99</td> 
   <td style="text-align:center;">+</td> 
   <td style="text-align:center;">107</td> 
   <td style="text-align:center;">F4</td> 
   <td style="text-align:center;">115</td> 
   <td style="text-align:center;">F12</td> 
   <td style="text-align:center;">123</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;">4</td> 
   <td style="text-align:center;">100</td> 
   <td style="text-align:center;">Enter</td> 
   <td style="text-align:center;">108</td> 
   <td style="text-align:center;">F5</td> 
   <td style="text-align:center;">116</td> 
   <td style="text-align:center;">&nbsp;</td> 
   <td style="text-align:center;">&nbsp;</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;">5</td> 
   <td style="text-align:center;">101</td> 
   <td style="text-align:center;">-</td> 
   <td style="text-align:center;">109</td> 
   <td style="text-align:center;">F6</td> 
   <td style="text-align:center;">117</td> 
   <td style="text-align:center;">&nbsp;</td> 
   <td style="text-align:center;">&nbsp;</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;">6</td> 
   <td style="text-align:center;">102</td> 
   <td style="text-align:center;">.</td> 
   <td style="text-align:center;">110</td> 
   <td style="text-align:center;">F7</td> 
   <td style="text-align:center;">118</td> 
   <td style="text-align:center;">&nbsp;</td> 
   <td style="text-align:center;">&nbsp;</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;">7</td> 
   <td style="text-align:center;">103</td> 
   <td style="text-align:center;">/</td> 
   <td style="text-align:center;">111</td> 
   <td style="text-align:center;">F8</td> 
   <td style="text-align:center;">119</td> 
   <td style="text-align:center;">&nbsp;</td> 
   <td style="text-align:center;">&nbsp;</td> 
  </tr> 
 </tbody> 
</table>

**键盘上控制键的键码值：**

<table style="width:500px;"> 
 <tbody> 
  <tr> 
   <td style="text-align:center;"><strong>按键</strong></td> 
   <td style="text-align:center;"><strong>键值</strong></td> 
   <td style="text-align:center;"><strong>按键</strong></td> 
   <td style="text-align:center;"><strong>键值</strong></td> 
   <td style="text-align:center;"><strong>按键</strong></td> 
   <td style="text-align:center;"><strong>键值</strong></td> 
   <td style="text-align:center;"><strong>按键</strong></td> 
   <td style="text-align:center;"><strong>键值</strong></td> 
  </tr> 
  <tr> 
   <td style="text-align:center;">Backspace</td> 
   <td style="text-align:center;">8</td> 
   <td style="text-align:center;">Esc</td> 
   <td style="text-align:center;">27</td> 
   <td style="text-align:center;">Right Arrow(-&gt;)</td> 
   <td style="text-align:center;">39</td> 
   <td style="text-align:center;">-_</td> 
   <td style="text-align:center;">189</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;">Tab</td> 
   <td style="text-align:center;">9</td> 
   <td style="text-align:center;">Spacebar</td> 
   <td style="text-align:center;">32</td> 
   <td style="text-align:center;">Down Arrow</td> 
   <td style="text-align:center;">40</td> 
   <td style="text-align:center;">.&gt;</td> 
   <td style="text-align:center;">190</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;">Clear</td> 
   <td style="text-align:center;">12</td> 
   <td style="text-align:center;">Page Up</td> 
   <td style="text-align:center;">33</td> 
   <td style="text-align:center;">Insert</td> 
   <td style="text-align:center;">45</td> 
   <td style="text-align:center;">/?</td> 
   <td style="text-align:center;">191</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;">Enter</td> 
   <td style="text-align:center;">13</td> 
   <td style="text-align:center;">Page Down</td> 
   <td style="text-align:center;">34</td> 
   <td style="text-align:center;">Delete</td> 
   <td style="text-align:center;">46</td> 
   <td style="text-align:center;">`~</td> 
   <td style="text-align:center;">192</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;">Shift</td> 
   <td style="text-align:center;">16</td> 
   <td style="text-align:center;">End</td> 
   <td style="text-align:center;">35</td> 
   <td style="text-align:center;">Num Lock</td> 
   <td style="text-align:center;">144</td> 
   <td style="text-align:center;">[{ </td> 
   <td style="text-align:center;">219</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;">Control</td> 
   <td style="text-align:center;">17</td> 
   <td style="text-align:center;">Home</td> 
   <td style="text-align:center;">36</td> 
   <td style="text-align:center;">;:</td> 
   <td style="text-align:center;">186</td> 
   <td style="text-align:center;">\|</td> 
   <td style="text-align:center;">220</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;">Alt</td> 
   <td style="text-align:center;">18</td> 
   <td style="text-align:center;">Left Arrow</td> 
   <td style="text-align:center;">37</td> 
   <td style="text-align:center;">=+</td> 
   <td style="text-align:center;">187</td> 
   <td style="text-align:center;">]}</td> 
   <td style="text-align:center;">221</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;">Cape Lock</td> 
   <td style="text-align:center;">20</td> 
   <td style="text-align:center;">Up Arrow</td> 
   <td style="text-align:center;">38</td> 
   <td style="text-align:center;">,&lt;</td> 
   <td style="text-align:center;">188</td> 
   <td style="text-align:center;">""</td> 
   <td style="text-align:center;">222</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;">&nbsp;</td> 
   <td style="text-align:center;">&nbsp;</td> 
   <td style="text-align:center;">&nbsp;</td> 
   <td style="text-align:center;">&nbsp;</td> 
   <td style="text-align:center;">&nbsp;</td> 
   <td style="text-align:center;">&nbsp;</td> 
   <td style="text-align:center;">&nbsp;</td> 
   <td style="text-align:center;">&nbsp;</td> 
  </tr> 
 </tbody> 
</table>

**例子：按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>

转载于:https://www.cnblogs.com/951201193-wzc/p/10294926.html