键盘按钮keyCode大全

最新推荐文章于 2020-11-04 11:35:16 发布
最新推荐文章于 2020-11-04 11:35:16 发布
阅读量1w 收藏 7
点赞数 1
分类专栏： RobotFramework

原文地址：http://www.cnblogs.com/shyy/archive/2012/04/09/2453029.html

字母和数字键的键码值(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

数字键盘上的键的键码值(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 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 A

另附上一段代码，

可以根据按的键盘上的键，显示键盘动作，并显示keyCode值等

代码：

  1. <STYLE TYPE="text/css">   
  2. TD {text-align:center}   
  3. </STYLE>   
  4. <SCRIPT LANGUAGE="JavaScript">   
  5. function init() {   
  6.     document.onkeydown = showKeyDown   
  7.     document.onkeyup = showKeyUp   
  8.     document.onkeypress = showKeyPress   
  9. }   
  10.   
  11. function showKeyDown(evt) {   
  12.     evt = (evt) ? evt : window.event   
  13.     document.getElementById("pressKeyCode").innerHTML = 0   
  14.     document.getElementById("upKeyCode").innerHTML = 0   
  15.     document.getElementById("pressCharCode").innerHTML = 0   
  16.     document.getElementById("upCharCode").innerHTML = 0   
  17.     restoreModifiers("")   
  18.     restoreModifiers("Down")   
  19.     restoreModifiers("Up")   
  20.     document.getElementById("downKeyCode").innerHTML = evt.keyCode   
  21.     if (evt.charCode) {   
  22.         document.getElementById("downCharCode").innerHTML = evt.charCode   
  23.     }   
  24.     showModifiers("Down", evt)   
  25. }   
  26. function showKeyUp(evt) {   
  27.     evt = (evt) ? evt : window.event   
  28.     document.getElementById("upKeyCode").innerHTML = evt.keyCode   
  29.     if (evt.charCode) {   
  30.         document.getElementById("upCharCode").innerHTML = evt.charCode   
  31.     }   
  32.     showModifiers("Up", evt)   
  33.     return false   
  34. }   
  35. function showKeyPress(evt) {   
  36.     evt = (evt) ? evt : window.event   
  37.     document.getElementById("pressKeyCode").innerHTML = evt.keyCode   
  38.     if (evt.charCode) {   
  39.         document.getElementById("pressCharCode").innerHTML = evt.charCode   
  40.     }   
  41.     showModifiers("", evt)   
  42.     return false   
  43. }   
  44. function showModifiers(ext, evt) {   
  45.     restoreModifiers(ext)   
  46.     if (evt.shiftKey) {   
  47.         document.getElementById("shift" + ext).style.backgroundColor = "#ff0000"   
  48.     }   
  49.     if (evt.ctrlKey) {   
  50.         document.getElementById("ctrl" + ext).style.backgroundColor = "#00ff00"   
  51.     }   
  52.     if (evt.altKey) {   
  53.         document.getElementById("alt" + ext).style.backgroundColor = "#0000ff"   
  54.     }   
  55. }   
  56. function restoreModifiers(ext) {   
  57.     document.getElementById("shift" + ext).style.backgroundColor = "#ffffff"   
  58.     document.getElementById("ctrl" + ext).style.backgroundColor = "#ffffff"   
  59.     document.getElementById("alt" + ext).style.backgroundColor = "#ffffff"   
  60. }   
  61. </SCRIPT>   
  62. </HEAD>   
  63.   
  64. <BODY onLoad="init()">   
  65. <H1>Keyboard Event Handler Lab</H1>   
  66. <HR>   
  67. <FORM>   
  68. <TABLE BORDER=2 CELLPADDING=2>   
  69. <TR><TH></TH><TH>onKeyDown</TH><TH>onKeyPress</TH><TH>onKeyUp</TH></TR>   
  70. <TR><TH>Key Codes</TH>   
  71.     <TD ID="downKeyCode">0</TD>   
  72.     <TD ID="pressKeyCode">0</TD>   
  73.     <TD ID="upKeyCode">0</TD>   
  74. </TR>   
  75. <TR><TH>Char Codes (IE5/Mac; NN6)</TH>   
  76.     <TD ID="downCharCode">0</TD>   
  77.     <TD ID="pressCharCode">0</TD>   
  78.     <TD ID="upCharCode">0</TD>   
  79. </TR>   
  80. <TR><TH ROWSPAN=3>Modifier Keys</TH>   
  81.     <TD><SPAN ID="shiftDown">Shift</SPAN></TD>   
  82.     <TD><SPAN ID="shift">Shift</SPAN></TD>   
  83.     <TD><SPAN ID="shiftUp">Shift</SPAN></TD>   
  84. </TR>   
  85. <TR>   
  86.     <TD><SPAN ID="ctrlDown">Ctrl</SPAN></TD>   
  87.     <TD><SPAN ID="ctrl">Ctrl</SPAN></TD>   
  88.     <TD><SPAN ID="ctrlUp">Ctrl</SPAN></TD>   
  89. </TR>   
  90. <TR>   
  91.     <TD><SPAN ID="altDown">Alt</SPAN></TD>   
  92.     <TD><SPAN ID="alt">Alt</SPAN></TD>   
  93.     <TD><SPAN ID="altUp">Alt</SPAN></TD>   
  94. </TR>   
  95. </TABLE>   
  96. </FORM>   

=============下面的可以复制，现在动手复制看效果吧===========


<STYLE TYPE="text/css"> 
TD {text-align:center} 
</STYLE> 
<SCRIPT LANGUAGE="JavaScript"> 
function init() { 
    document.onkeydown = showKeyDown 
    document.onkeyup = showKeyUp 
    document.onkeypress = showKeyPress 
}

function showKeyDown(evt) { 
    evt = (evt) ? evt : window.event 
    document.getElementById("pressKeyCode").innerHTML = 0 
    document.getElementById("upKeyCode").innerHTML = 0 
    document.getElementById("pressCharCode").innerHTML = 0 
    document.getElementById("upCharCode").innerHTML = 0 
    restoreModifiers("") 
    restoreModifiers("Down") 
    restoreModifiers("Up") 
    document.getElementById("downKeyCode").innerHTML = evt.keyCode 
    if (evt.charCode) { 
        document.getElementById("downCharCode").innerHTML = evt.charCode 
    } 
    showModifiers("Down", evt) 
} 
function showKeyUp(evt) { 
    evt = (evt) ? evt : window.event 
    document.getElementById("upKeyCode").innerHTML = evt.keyCode 
    if (evt.charCode) { 
        document.getElementById("upCharCode").innerHTML = evt.charCode 
    } 
    showModifiers("Up", evt) 
    return false 
} 
function showKeyPress(evt) { 
    evt = (evt) ? evt : window.event 
    document.getElementById("pressKeyCode").innerHTML = evt.keyCode 
    if (evt.charCode) { 
        document.getElementById("pressCharCode").innerHTML = evt.charCode 
    } 
    showModifiers("", evt) 
    return false 
} 
function showModifiers(ext, evt) { 
    restoreModifiers(ext) 
    if (evt.shiftKey) { 
        document.getElementById("shift" + ext).style.backgroundColor = "#ff0000" 
    } 
    if (evt.ctrlKey) { 
        document.getElementById("ctrl" + ext).style.backgroundColor = "#00ff00" 
    } 
    if (evt.altKey) { 
        document.getElementById("alt" + ext).style.backgroundColor = "#0000ff" 
    } 
} 
function restoreModifiers(ext) { 
    document.getElementById("shift" + ext).style.backgroundColor = "#ffffff" 
    document.getElementById("ctrl" + ext).style.backgroundColor = "#ffffff" 
    document.getElementById("alt" + ext).style.backgroundColor = "#ffffff" 
} 
</SCRIPT> 
</HEAD>

<BODY onLoad="init()"> 
<H1>Keyboard Event Handler Lab</H1> 
<HR> 
<FORM> 
<TABLE BORDER=2 CELLPADDING=2> 
<TR><TH></TH><TH>onKeyDown</TH><TH>onKeyPress</TH><TH>onKeyUp</TH></TR> 
<TR><TH>Key Codes</TH> 
    <TD ID="downKeyCode">0</TD> 
    <TD ID="pressKeyCode">0</TD> 
    <TD ID="upKeyCode">0</TD> 
</TR> 
<TR><TH>Char Codes (IE5/Mac; NN6)</TH> 
    <TD ID="downCharCode">0</TD> 
    <TD ID="pressCharCode">0</TD> 
    <TD ID="upCharCode">0</TD> 
</TR> 
<TR><TH ROWSPAN=3>Modifier Keys</TH> 
    <TD><SPAN ID="shiftDown">Shift</SPAN></TD> 
    <TD><SPAN ID="shift">Shift</SPAN></TD> 
    <TD><SPAN ID="shiftUp">Shift</SPAN></TD> 
</TR> 
<TR> 
    <TD><SPAN ID="ctrlDown">Ctrl</SPAN></TD> 
    <TD><SPAN ID="ctrl">Ctrl</SPAN></TD> 
    <TD><SPAN ID="ctrlUp">Ctrl</SPAN></TD> 
</TR> 
<TR> 
    <TD><SPAN ID="altDown">Alt</SPAN></TD> 
    <TD><SPAN ID="alt">Alt</SPAN></TD> 
    <TD><SPAN ID="altUp">Alt</SPAN></TD> 
</TR> 
</TABLE> 
</FORM>


柠檬味的猫
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
keycode 查看工具
09-12
易语言 入门 作品。 程序显示敲击键盘代码，方便查看键盘代码。
asp.net控制键盘keycode事件
04-20
`keyCode`是JavaScript中的一个属性，它在键盘事件（如`keydown`、`keyup`和`keypress`）中被用来识别用户按下的是哪个键。当用户按下键盘上的键时，浏览器会生成一个事件对象，该对象包含了`keyCode`属性，其值对应...
keyCode大全
孤影在线
09-13 184
keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 = Shift_L keycode 17 = Control_L keycode 18 = Alt_L keycode 19 = Pause ke...
keyCode
HaleyLiu123的博客
08-26 524
通过按键展示keyCode的值,keyCode的值如下图所示： 通过js事件输出keyCode的值： 展现keyCode 在输入框中输入键盘上的字符获取按下字母的 Unicode 字符代码。 function showKeyCode(event){ var x= event.which || event.keyCode; document.getElem
jQuery键盘按钮响应事件代码
06-24
本篇文章将深入探讨如何使用jQuery实现键盘按钮响应事件，以便用户在按下键盘按键时，可以触发与点击按钮相同的功能。 首先，我们需要了解jQuery中的事件绑定方法，最常用的是`on()`函数。`on()`函数可以用来监听...
屏蔽相应键盘按钮操作
09-04
在计算机编程领域，有时我们需要对用户的输入进行控制，比如在特定场景下禁止用户使用某些键盘按钮，以确保程序的正常运行或提供特定的安全性。本文将深入探讨如何通过JavaScript实现键盘按钮的屏蔽功能，这对于创建...
jQuery键盘按钮响应事件特效代码
03-20
在本案例中，我们关注的是"jQuery键盘按钮响应事件特效代码"，这涉及到如何利用jQuery监听键盘事件并实现与点击按钮相同的效果。 首先，让我们深入理解jQuery中的事件处理。在JavaScript中，事件是用户与页面交互时...
jQuery键盘按键按钮响应事件代码
06-10
本主题聚焦于"jQuery键盘按键按钮响应事件代码"，这是一个功能，使得用户在键盘上按下按键时，能够触发与点击按钮相同的行为。 首先，我们需要了解jQuery中的事件处理函数。在jQuery中，`$(document).ready()` 是一...
键盘KeyCode一览
03-31
键盘KeyCode一览,包含了键盘所有按键的键值。
javascript键盘上下键的操作(选择)
10-30
不错的使用键盘上下键实现选择的代码，方便用户操作
Javascript keycode大全
javatome
07-21 135
字母和数字键的键码值(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 5...
键盘按键KeyCode大全
weixin_34245749的博客
08-23 78
转载于:https://www.cnblogs.com/ukeedy/p/7420506.html
Keycode对照表（键码对照表）
前端开发
11-04 3万+
Keycode对照表（键码对照表）
常用KeyCode
ssisse的博客
06-17 986
keycode    8 = BackSpace BackSpace keycode    9 = Tab Tab keycode   12 = Clear keycode   13 = Enter keycode   16 = Shift_L keycode   17 = Control_L keycode   18 = Alt_L keycode   19 = Pause ke
键盘按键键码值（keyCode）对照表
热门推荐
梦里逆天的博客
05-20 8万+
键盘事件包含onkeypress onkeydown和onkeyup事件，其中onkeypress事件是在键盘上的某个键被按下并且释放时触发此事件的处理程序，一般用于键盘上的单键操作。onkeydown事件是在键盘上的某个键被按下时触发此事件的处理程序，一般用于快捷键的操作。onkeyup事件是在键盘上的某个键被按下后松开时触发此事件的处理程序，一般用于快捷键的操作。本篇文章列出了部分按键键码值对照表。
event.keycode值大全
sngg_yang
07-09 153
从网上找的event.keycode值大全，方便自己和大家以后查阅： 1keycode8=BackSpaceBackSpace 2keycode9=TabTab 3keycode12=Clear 4keycode13=Enter 5keycode16=Shift_L 6keycode17=Control_L 7keycode18=Alt_L 8keycode1...
keyCode对照表
越努力，越幸运！
04-02 1万+
【1】字母和数字键的键码值(keyCode) 字母和数字键的键码值(keyCode) 按键 keyCode 按键 keyCode 按键 keyCode 按键 keyCode A 65 J 74 S 83 1 49 B 66 K 75 T 84 2 50 C...
键盘按钮keyCode大全：获取按键对应的键值的方法
最新发布
06-07
获取按键对应的键值可以使用JavaScript中的事件对象，在事件处理函数中通过event.keyCode来获取，例如： ``` document.addEventListener('keydown', function(event) { console.log(event.keyCode); }); ``` 需要...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值