用回车键提交,上下键实现tab键功能.

最新推荐文章于 2025-09-20 22:54:12 发布

最新推荐文章于 2025-09-20 22:54:12 发布 · 164 阅读

本文介绍了一个简单的JavaScript脚本，用于实现网页表单中通过键盘方向键进行焦点导航的功能。该脚本能够帮助用户在不同输入字段间使用上下箭头进行切换，并支持回车键提交表单。

var index=-1;

function mset(form){

var curtobj=document.activeElement;
if(curtobj.tagName=="INPUT"||curtobj.tagName=="TEXTAREA")
for(var j=0;j<form.elements.length;j++)
{
if(form.elements[j].name==curtobj.name)
{
index=j;
}
}

}
function keyDown(form){

if(event.keyCode==40)
{

var temp=index<form.elements.length-1?index:-1;
index=temp;

index++;
if(form.elements[index].type=="hidden"||form.elements[index].disabled==true)
{
while(form.elements[index].type=="hidden"||form.elements[index].disabled==true)
index++;
}

if(form.elements[index].value!=""&&(form.elements[index].type=="text"||form.elements[index].tagName=="TEXTAREA")){
form.elements[index].select();
}
else{
form.elements[index].focus();
}
}
else if(event.keyCode==38){
var temp=index>0?index:form.elements.length;
index=temp;
index--;
if(form.elements[index].type=="hidden"||form.elements[index].disabled==true)
{
while(form.elements[index].type=="hidden"||form.elements[index].disabled==true)
index--;
}

if(form.elements[index].value!=""&&form.elements[index].type=="text"){
form.elements[index].select();
}
else{
form.elements[index].focus();
}
}

else if(event.keyCode==13){
form.submit();
}