jQuery实现在一个输入框按回车键后光标跳到下一个输入框

最新推荐文章于 2024-04-10 17:13:41 发布

娜妹子辣辣妹子娜

最新推荐文章于 2024-04-10 17:13:41 发布

阅读量4k

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/NaNa309706/article/details/79151481

版权

js 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>  
<html>   
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=gbk">   
<script type="text/javascript">   
    //jQuery实现在一个输入框按回车键后光标跳到下一个输入框  
    function focusNextInput(thisInput)  
    {   
        var inputs = document.getElementsByTagName("input");   
        for(var i = 0;i<inputs.length;i++){   
            // 如果是最后一个，则焦点回到第一个(如果想实现按顺序可以登陆，可以写入登陆方法)   
            if(i==(inputs.length-1)){   
                inputs[0].focus(); break;   
            }else if(thisInput == inputs[i]){   
                inputs[i+1].focus(); break;   
            }   
        }   
    }   
</script>   
</head>  
<body>   
<table>   
姓名：<input type="text" onkeypress="if(event.keyCode==13) focusNextInput(this);">   
年龄：<input type="text" onkeypress="if(event.keyCode==13) focusNextInput(this);">   
工号：<input type="text" onkeypress="if(event.keyCode==13) focusNextInput(this);">   
</table>  
</body>  
</html>