您好,欢迎访问一九零五行业门户网

javascript中键盘事件用法实例分析_javascript技巧

本文实例分析了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
希望本文所述对大家的javascript程序设计有所帮助。
其它类似信息

推荐信息