event.keyCode用法详解

我们使用的键盘上的键除过我们看到的有显示内容之外,他各自还有一个对应的数字代码,便于计算机识别和运行

而js中event.keyCode对应的值就是键盘上每个键的代码,比如:回车键,event.keyCode的值为13

那下面做个简单的事例演示一下,让我们了解的更彻底一些,不要看一遍之后又忘记了微笑

举个简单的例子,有时候我们在编辑表单的时候,当一个文本框输完,会习惯性地去点一下回车键,一个是习惯吧,

再一个是有可能感觉那样比较爽歪歪(不知道你们有这种感觉么,但是我经常这样),这个时候点击一下回车键,表单

提交,如果还有你没有输完的内容,那么就头疼了,前面输的内容因为表单通不过导致页面刷新得重新输入一遍,很烦,

最好的方法就是把回车键给他禁掉,那么我们可以这样做:

html:

<form method="post">
<input type="text"  name="username" id="username" onKeyPress="return EnterStop(event);"/>
    <input type="button" value="提交" id="submint"/>
 </form>

js:

function EnterStop(e){
         if(e.keyCode == 13){
          return false;
         }
}

这样就完美解决了这个问题

那么下面就把每个键对应的代码贴出来,方便大家做其他的功能

字母和数字键的键码值(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 Dw 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
多媒体键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
音量加 175            
音量减 174            
停止 179            
静音 173            
浏览器 172            
邮件 180            
搜索 170            
收藏 171  

出处:http://www.cnblogs.com/hsapphire/archive/2009/12/16/1625642.html

猜你喜欢

转载自blog.csdn.net/tancy_weipj/article/details/50947843