键盘事件

1.字母和数字键的键码值(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

2.数字键盘上的键的键码值(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

 3.控制键键码值(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
,<	188
'"	222
Cape Lock	20
Alt	18

<img src="img/pic03.jpg" />
<script>
/*onkeydown和onkeyup都可以调用，onkeypress区分大小写，只有在大写情况下才可以调用*/
window.οnlοad=function(){
οnkeypress=function (){
/*onkeypress事件对字母的大小写敏感*/
if(window.event.keyCode==65){
location.reload();
}
}
οnresize=function(){//onresize页面大小事件
alert("浏览器窗口被改变了");
}
}

</script>

（2）实现按下Enter键自动切换到下一个焦点

<ul>
<form name="zhuce" method="post" action="">
<li><label>用户名称:</label><input type="text"οnkeypress="next1()"/></li>
<li><label>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：</label><input type="text"οnkeypress="next2()"/></li>
<li><label>真实姓名:</label><input type="text"οnkeypress="next3()"/></li>
<li><label>联系方式:</label><input type="text"οnkeypress="next4()"/></li>
<li><label>Email:</label><input type="text"/></li>
</form>

</ul>

<script>

    function next1(){
     
if(window.event.keyCode==13)
{   
var xia=document.getElementsByTagName("input");
xia[1].focus();
}}
   function next2(){
     
if(window.event.keyCode==13)
{   
var xia=document.getElementsByTagName("input");
xia[2].focus();
}}

   function next2(){
     
if(window.event.keyCode==13)
{   
var xia=document.getElementsByTagName("input");
xia[2].focus();
}}
   function next3(){
     
if(window.event.keyCode==13)
{   
var xia=document.getElementsByTagName("input");
xia[3].focus();
}}
   function next4(){
     
if(window.event.keyCode==13)
{   
var xia=document.getElementsByTagName("input");
xia[4].focus();
}}
   

</script>

----------------------------------------------

var n=0;
function next(){

if(window.event.keyCode==13)
{   if(n==4)n=-1;
var xia=document.getElementsByTagName("input");
xia[++n].focus();
}

}

也可以实现切换，并且只调用这一个函数，美中不足的是，如果第一个获得焦点<input>会混乱。

----------------------------------------------------

（2）实现键盘选择题

(单项选择题)被称为“国球”的球类运动是______。<br>
A、篮球<br>
B、排球<br>
C、乒乓球<br>
D、羽毛球<br>
<script>
window.οnlοad=function(){
οnkeydοwn=function(){
if(window.event.keyCode==65){alert("您的答案是A\n答案错误")}
if(window.event.keyCode==66){alert("您的答案是B\n答案错误")}
    if(window.event.keyCode==67){alert("您的答案是C\n答案正确")}
    if(window.event.keyCode==68){alert("您的答案是D\n答案错误")}
}}

</script>