按下回车键将焦点转换到表单的下一个元素

来源：互联网发布：辣条淘宝店照片编辑：程序博客网时间：2024/06/13 11:34

<!doctype html>
<html>
<head>

<style>
</style>
<script>
function test(event){
var test=event.keyCode;//获得引发事件的键值
var cc=event.target;//获得引阀事件的元素
var f=document.getElementById("ff");//获得表单
if(test==13){//13是回车键的键值
for(i=0;i<f.length;i++){//循环，直到遍历结束
if(f.elements[i]==cc){//也可以使用f.elements[i].isSameNode(cc)==true;来进行判断
break;
}
}
if((i+1)==f.length){//如果是最后一个结点，就转换焦点到第一个表单元素
f.elements[0].focus();
return;//跳出函数
}
f.elements[i+1].focus();//否则就转换焦点到下一个表单元素
}
}
</script>
<meta charset="UTF-8">
</head>
<body>
<form id="ff">
<p><input type="text" value="xisix" id="test1" onkeydown="test(event)"></p>
<p><input type="text" value="sdasd" id="test2" onkeydown="test(event)"></p>
</form>
</body>
</html>

阅读全文

0 0