Keycode对照表（键码对照表）

Love The Way You Lie 2023-07-08 09:18 1阅读 0赞

[https://blog.csdn.net/weixin\_34323858/article/details/86012306][https_blog.csdn.net_weixin_34323858_article_details_86012306]

Vue前端事件编程中，不可避免地要处理keyCode,特别是各种组合键，以便让用户的操作更加人性化。

字母和数字键的键码值(keyCode)

数字键盘上的键的键码值(keyCode)

<table> 
 <thead> 
  <tr> 
   <th>按键</th> 
   <th>键码</th> 
   <th>按键</th> 
   <th>键码</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>0</td> 
   <td>96</td> 
   <td>8</td> 
   <td>104</td> 
  </tr> 
  <tr> 
   <td>1</td> 
   <td>97</td> 
   <td>9</td> 
   <td>105</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td>98</td> 
   <td>*</td> 
   <td>106</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td>99</td> 
   <td>+</td> 
   <td>107</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td>100</td> 
   <td>Enter</td> 
   <td>108</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td>101</td> 
   <td>-</td> 
   <td>109</td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td>102</td> 
   <td>.</td> 
   <td>110</td> 
  </tr> 
  <tr> 
   <td>7</td> 
   <td>103</td> 
   <td>/</td> 
   <td>111</td> 
  </tr> 
 </tbody> 
</table>

功能键键码值(keyCode)

控制键键码值(keyCode)

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

多媒体键码值(keyCode)

[https_blog.csdn.net_weixin_34323858_article_details_86012306]: https://blog.csdn.net/weixin_34323858/article/details/86012306