表单中按上下方向键自动移动光标的例子

最新推荐文章于 2023-02-23 15:29:57 发布

coiowwll

最新推荐文章于 2023-02-23 15:29:57 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/u014739759/article/details/24352857

版权

表单中按上下方向键自动移动光标的例子

<html>
<head>
<script language="javascript">
function go1()
{
key=window.event.keyCode;
if (key==38){
CurTabIndex=event.srcElement.tabIndex-1
for (n=0;n<form1.elements.length;n++){
if (form1.elements[n].tabIndex==CurTabIndex){
form1.elements[n].focus();
return true;
}
}
}
if (key==40){
CurTabIndex=event.srcElement.tabIndex+1
for (n=0;n<form1.elements.length;n++){
if (form1.elements[n].tabIndex==CurTabIndex){
form1.elements[n].focus();
return true;
}
}
}
}
</script>
</head>
<body>
<form name="form1" method="post" οnkeyup="return go1()" language="javascript">
<input name=input1 type="text"><br>
<input name=input2 type="text"><br>
<input name=input3 type="text"><br>
…………
<input name=inputN type="text"><br>
</form>
<script>
form1.input1.focus();
for (n=0;n<form1.elements.length;n++){
form1.elements[n].tabIndex=n;
}
</script>
</body>
</html>