支持键盘方向键等按键的页面翻页跳转效果
时间:2008-05-14 来源:dijiaquan
按下向左方向键转到:www.div-css.com
按下向右方向键转到:www.baidu.com
按下向回车键转到:www.google.com
按下ctrl+enter回车键转到:www.div-css.com
实现本功能的javascrīpt代码:
document.onkeydown=nextpage
var prevpage="http://www.div-css.com" //向左
var nextpage="http://www.baidu.com" //向右
var bookpage="http://www.google.com" //回车
function nextpage(event)
{
event = event ? event : (window.event ? window.event : null);
if (event.keyCode==13) location=bookpage;//回车
if (event.keyCode==37) location=prevpage;//向左
if (event.keyCode==39) location=nextpage;//向右
if (event.ctrlKey && event.keyCode==13) {alert("你点了 ctrl + enter ,现在转向到 www.div-css.com ."); location="http://www.div-css.com";}
//同时按下键盘多个键的事件情况
}
附:键盘键码值
字母和数字键的键码值(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
相关阅读 更多 +