本文实例分析了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程序设计有所帮助。
