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

最新推荐文章于 2023-11-28 11:13:55 发布

菜鸟下山

最新推荐文章于 2023-11-28 11:13:55 发布

阅读量991

点赞数

文章标签： HTML

本文链接：https://blog.csdn.net/huzijia888/article/details/78606751

版权

<!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" οnkeydοwn="test(event)"></p>
<p><input type="text" value="sdasd" id="test2" οnkeydοwn="test(event)"></p>
</form>
</body>
</html>