文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>支持键盘方向键等按键的页面翻页跳转效果

支持键盘方向键等按键的页面翻页跳转效果

时间: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


相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载