按回车键输入框光标依次移动

最新推荐文章于 2021-06-08 15:22:43 发布

farmfun

最新推荐文章于 2021-06-08 15:22:43 发布

阅读量900

点赞数

分类专栏： JavaScript 文章标签： input

本文链接：https://blog.csdn.net/farmfun/article/details/3614254

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

思路：

找到当前光标input标签

enter(obj),var name = obj.name;

回车响应事件

event.onkeydown = "13"

光标移动到下一个input

form1.elements[next-1].focus();

 
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>按回车键 输入框光标依次移动</title>
<script type="text/javascript">
<!--
function enter(obj) {
    var allInputs =document.getElementsByTagName("input");
    var name = obj.name;
    var next = Number(name) + 1;
    if(next == allInputs.length+1) {
        next = 1;
    }
    
    if(event.keyCode =="13") {
        form1.elements[next-1].focus();
    }
}
//-->
</script>
</head>
<body>
<form name="form1">
<input type="text" name="1" οnkeydοwn="enter(this)" />
<input type="text" name="2" οnkeydοwn="enter(this)" />
<input type="text" name="3" οnkeydοwn="enter(this)" />
<input type="text" name="4" οnkeydοwn="enter(this)" />
<input type="text" name="5" οnkeydοwn="enter(this)" />
</form>
</body>
</html>
 
 