`
kanwoerzi
  • 浏览: 1645228 次
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多

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();
}

}

在页面用的时候给form加上两个事件处理.

<form onkeydown="keydown(this)"onclick="mset(this)">

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics