HTML中键盘各键位对应的数值

键盘所有键对应在网页中的值

在学习JavaScript时,碰到了onkeydown属性,为了了解各个键位对应在网页中的值,因此我设计了这样一段小小的HTML实现获取各个键位的值。

<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title>ONKEYDOWN</title>
</head>
<body>
	<input type="text" name="" id="txt">
	<span id="help"></span>
	<script type="text/javascript">
		(function(){
			var txt=document.getElementById("txt");
			txt.onkeydown=function(e){
				var help=document.getElementById("help");
				help.innerHTML=e.keyCode;
				e.preventDefault(e);
			};
		})();
	</script>
</body>
</html>

 通过这个网页,在网页中的输入框中输入各个键位,就可以在右边看到键位对应的值。


HTML中键盘各键位对应的数值_第1张图片
 

现将我的统计写在下面,如果你们有兴趣的话可以自己去验证一下!

注意:每个键位只有一个值,虽然说一个键上可以有多个符号

     例如:A  和   a  的键位值是一样的,因为只有一个键!  ?  和 /   也是一样的。


HTML中键盘各键位对应的数值_第2张图片
 

字母:A-Z:→65-90

 


HTML中键盘各键位对应的数值_第3张图片
 

小键盘区域:0-9:→96-105

                  Numlock     →144

                  /                  111

                 *                   106

                 -                   109

                 +                  107

                 Ent               13

                       .                          110


HTML中键盘各键位对应的数值_第4张图片

 

最上面那三个键没有数值,因为我的键盘没有那三个键,所以不知道值是啥!貌似我们现在用的没有那三个键了!所以不考虑了。 

PrintScreen:没有数值,至少我没有看到显示结果。

Scroll Lock                          :145

Pause Break                      :19

Insert                                 :45

Home                               :36

Page Up                             :33

Delete                                  :46

End                                :35

Page Down                    :34

 


 

 

Esc                                          :27

F1-F12                                    :112-123

 


HTML中键盘各键位对应的数值_第5张图片
 

 功能区的0-9                    :48-57

~                                         :192

-                                          :189

+                                         :187

删除键                               :8

Tab                                    :9

Caps Lock                      :20

左右shift                          :16

Ctrl                                    :17

Alt                                      :18

空格                                  :32

左windows                     :91

右windows                      :92

windows和ctrl之间          :93

Enter                                  :13

[                                         :219

]                                          :221

;                                         :186

'                                         :222

\                                          :220

,                                   :188

.                                  :190

/                                  :191

你可能感兴趣的:(html)