指引网

当前位置: 主页 > 编程开发 > ASP >

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

来源:网络 作者:佚名 点击: 时间:2017-06-22 20:07
[摘要] html head script language=javascript function go1() { key=window.event.keyCode; if (key==38){ CurTabIndex=event.srcElement.tabIndex-1 for (n=0;nform1.elements.length;n++){ if (form1.elements[n].tabIndex==CurTabIndex){ form1.elements[n].focu
<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" onkeyup="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>

------分隔线----------------------------