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

最新推荐文章于 2025-01-15 10:46:45 发布

原创最新推荐文章于 2025-01-15 10:46:45 发布 · 808 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #input

本文介绍了一个简单的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();
}