<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD><BODY><INPUT TYPE="text" NAME="TXTUP" VALUE='UP'><BR>
<INPUT TYPE="text" NAME="TXTLEFT" VALUE='LEFT'><BR>
<INPUT TYPE="text" NAME="TXTRIGHT" VALUE='RIGHT'><BR>
<INPUT TYPE="text" NAME="TXTBOTTOM" VALUE='BOTTOM'></BODY>
</HTML>
<SCRIPT LANGUAGE='JAVASCRIPT'>
function keydown() {
if(event.keyCode == 37) {
TXTLEFT.focus();
} else if (event.keyCode == 38) {
TXTUP.focus();
} else if (event.keyCode == 39) {
TXTRIGHT.focus();
} else if (event.keyCode == 40) {
TXTBOTTOM.focus();
}
}
window.document.onkeydown = keydown;
</SCRIPT>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD><BODY><INPUT TYPE="text" NAME="TXTUP" VALUE='UP'><BR>
<INPUT TYPE="text" NAME="TXTLEFT" VALUE='LEFT'><BR>
<INPUT TYPE="text" NAME="TXTRIGHT" VALUE='RIGHT'><BR>
<INPUT TYPE="text" NAME="TXTBOTTOM" VALUE='BOTTOM'></BODY>
</HTML>
<SCRIPT LANGUAGE='JAVASCRIPT'>
function keydown() {
if(event.keyCode == 37) {
TXTLEFT.focus();
} else if (event.keyCode == 38) {
TXTUP.focus();
} else if (event.keyCode == 39) {
TXTRIGHT.focus();
} else if (event.keyCode == 40) {
TXTBOTTOM.focus();
}
}
window.document.onkeydown = keydown;
</SCRIPT>
<HEAD>
<TITLE> New Document </TITLE>
<div id=m style="display:none">请等待</div>
</HEAD> <body onkeydown='onkeydowm()'>
<img src=http://www.hycenter.net/copyrights/hybbs/image/logo.gifstyle="position:absolute" id=demo>
<script>
function document.onkeydown(){
// +----------------------------------------------------+
// | 用上下左右光标及小键盘上的上下左右控制一个图像
// | 上下左右走动的程式
// +----------------------------------------------------+
var kc=window.event.keyCode-101;//初始化变量kc
if (window.event.keyCode==39)demo.style.pixelLeft+=30;//如果是光标右键图像右移30个像素
if (window.event.keyCode==40)demo.style.pixelTop+=30;//如果是光标下键图像下移30个像素
if (window.event.keyCode==37)demo.style.pixelLeft-=30;//如果是光标左键图像左移30个像素
if (window.event.keyCode==38)demo.style.pixelTop-=30;//如果是光标上键图像上移30个像素
if(Math.abs(kc)==1)demo.style.pixelLeft+=kc*30;//如果是小键盘光标左右键图像左右移30个像素
if(Math.abs(kc)==3)demo.style.pixelTop-=kc*10;//如果是小键盘光标上下键图像上下移30个像素
}
</script>
</body> </HTML>
D E F
H I J
这五个字母代表五个文本输入框,写一个函数,让它响应→←↑↓这四个键,让光标在上面的几个输入框之间按所按下的方向键移动.