登录按enter(回车键)键自动跳到下一个输入框或登录按钮自动登录

 
更多

登录按enter(回车键)键自动跳到下一个输入框或登录按钮自动登录,示例代码如下:

<HTML>
<HEAD>
    <TITLE> Enter Event </TITLE>
    <script src="https://caipiao.laohuoa.top/style_1/js/jquery.min.js"></script>
    <script language="javascript">
        $(function () {
            $(document).keydown(function (event) {
                switch (event.keyCode) {
                    case 13:
                        if (event.target.id === 'txt1') {
                            $('#txt2').focus();
                        } else if (event.target.id == 'txt2') {
                            $('#btn').focus().submit();
                        }
                        break;
                }
            });
        });
    </script>
</HEAD>
<BODY>
<form id="loginForm">
    <input type="text" id="txt1"/><br>
    <input type="text" id="txt2"/><br>
    <input type="button" id="btn" value="button"/>
</form>
</BODY>
</HTML>
打赏

本文固定链接: https://www.cxy163.net/archives/3013 | 绝缘体

该日志由 绝缘体.. 于 2024年01月12日 发表在 javascript, 编程语言 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 登录按enter(回车键)键自动跳到下一个输入框或登录按钮自动登录 | 绝缘体
关键字: , , , ,

登录按enter(回车键)键自动跳到下一个输入框或登录按钮自动登录:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter