javascript中键盘事件用法实例分析
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript中键盘事件用法实例分析,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2933字,纯文字阅读大概需要5分钟。
内容图文
![javascript中键盘事件用法实例分析](/upload/InfoBanner/zyjiaocheng/360/c242321e883a4ece9b1b4348b5e65574.jpg)
本文实例分析了javascript中键盘事件用法。分享给大家供大家参考。具体如下:
键盘事件包含onkeydown、onkeypress和onkeyup这三个事件
事件初始化
function keyDown(){} document.onkeydown = keyDown; //论按下键盘上的哪个键,都将调用KeyDown()函数。
DOM标准下
function keyDown(e) { var keycode = e.which; //取得对应的键值(数字) var realkey = String.fromCharCode(e.which); //取得代表改键的真正字符 alert("按键码: " + keycode + " 字符: " + realkey); } document.onkeydown = keyDown
IE下
function keyDown() { var keycode = event.keyCode; //IE下取得键值的方法 var realkey = String.fromCharCode(event.keyCode); alert("按键码: " + keycode + " 字符: " + realkey); } document.onkeydown = keyDown
兼容的方法
function keyUp(e) { var currKey=0,e=e||event; currKey=e.keyCode||e.which||e.charCode; var keyName = String.fromCharCode(currKey); alert("按键码: " + currKey + " 字符: " + keyName); } document.onkeyup = keyUp;
使用原则:keydown事件对于功能按键来说是最有用的,而keypress事件对于可打印按键来说是最有用的
以下键码值只有在文本框中才完全有效,如果在<body>标记中使用,只有字母键、数字键和部分控制键可用,其字母键和数字键的键值与ASCII值相同
字母和数字键的键码值(keyCode)
按键 键码
A 65
B 66
C 67
D 68
E 69
F 70
G 71
H 72
I 73
J 74
K 75
L 76
M 77
N 78
O 79
P 80
Q 81
R 82
S 83
T 84
U 85
V 86
W 87
X 88
Y 89
Z 90
0 48
1 49
2 50
3 51
4 52
5 53
6 54
7 55
8 56
9 57
数字键盘上的键的键码值(keyCode) 功能键键码值(keyCode)
按键 键码
0 96
1 97
2 98
3 99
4 100
5 101
6 102
7 103
8 104
9 105
* 106
+ 107
Enter 108
- 109
. 110
/ 111
F1 112
F2 113
F3 114
F4 115
F5 116
F6 117
F7 118
F8 119
F9 120
F10 121
F11 122
F12 123
控制键键码值(keyCode)
按键 键码
BackSpace 8
Esc 27
Right Arrow 39
Left Arrow 37
Down Arrow 40
Up Arrow 38
-_ 189
.> 190
Spacebar 32
Tab 9
Clear 12
Page Up 33
Page Down 34
Enter 13
Insert 45
;: 186
Delete 46
`~ 192
/? 191
Num Lock 144
Control 17
Home 36
End 35
Shift 16
[{ 219
}] 221
\| 220
=+ 187
,< 188
'" 222
Cape Lock 20
Alt 18
希望本文所述对大家的javascript程序设计有所帮助。
内容总结
以上是互联网集市为您收集整理的javascript中键盘事件用法实例分析全部内容,希望文章能够帮你解决javascript中键盘事件用法实例分析所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。