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事件对于可打印按键来说是最有用的
以下键码值只有在文本框中才完全有效,如果在
标记中使用,只有字母键、数字键和部分控制键可用,其字母键和数字键的键值与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
,
'"
222
Cape Lock
20
Alt
18
最新文章
- 【腾讯优测干货分享】如何降低App的待机内存(二)——规范测试流程及常见问题
- ssh自动输入密码脚本 切换目录脚本
- h5输入框提示语 + 正常文本框提示语
- CSS3系列一(概述、选择器、使用选择器插入内容)
- 01 Node.js简介, 安装&;配置
- 用PHP判断远程图片(文件)是否存在
- linux命令行快捷键
- C 中数组和指针的区别
- 30款css3实现的鼠标经过图片显示描述特效
- HDU 5312 Sequence (规律题)
- 8-13-Exercise
- JS封装cookie操作函数实例(设置、读取、删除)
- DTM initialization: failure during startup recovery, retry failed, check segment status (cdbtm.c:1603)
- Hive函数:GROUPING SETS,GROUPING__ID,CUBE,ROLLUP
- POJ 3621-Sightseeing Cows-最优比率环|SPFA+二分
- POJ-3687 Labeling Balls(拓扑)
- 【vue】遇到的问题
- Asp.Net Core Web相对路径、绝对路径整理
- http://blog.csdn.net/u014595019/article/details/52805444
- 百度地图Api进阶教程-实例高级操作8.html
热门文章
- EL bug 之 javax.el.PropertyNotFoundException: Property 'Sub_Token' not found on type com.sunmo.stPhone.bean.User
- iOS之CGcontext.h方法和属性简介
- ssh 与服务器保持连接
- SPSS分析技术:多元方差分析
- 过滤器filters
- String类的endsWith()方法和startsWith()方法
- 在AlexNet中LRN 局部响应归一化的理
- 牛客NOIP暑期七天营-提高组6
- [转][Prism]Composite Application Guidance for WPF(6)——服务
- C#可扩展编程之MEF(一):MEF简介及简单的Demo