Javascript 将“输入”更改为“输入”选项卡

这是我在cakephp中用户登录的全部代码：

<div class="form-group col-lg-2 col-md-4" id="login-box" style="text-align:center; margin: 100px auto 0 auto;">
    <div style="font-size:3em;text-align: center;">
        <i class="fas fa-table"></i> 
    </div>
    <div style="text-align: center;font-size: 50px;font-family: 'Tahoma';">
    Fatables
    </div>
    <br>
    <div class="header" style="text-align:center"><?php /*echo __('Authenticate');*/?></div>
    <br>
    <form action="<?php echo $this->Html->url( array('controller'=>'users','action'=>'loginmodal')); ?>" method="post">
        <div class="body">
            <div class="form-group">
                <input type="text" name="username" id="username" class="form-control" placeholder="Username" autofocus/>
            </div>
            <div class="form-group">
                <input type="password" name="password" id="password" class="form-control" placeholder="Password"/>
            </div>          
        </div>
        <div class="footer">                                                               
            <button type="submit" class="btn btn-primary"><?php echo __('Sign In');?></button> 
        </div>
    </form>
    <br/>
    <p >&copy; Fatables <?php echo date('Y');?></p>
</div>
<script type=“text/javascript”>
$("#username").on("keypress", function(e) {
    /* ENTER PRESSED*/
    if (e.keyCode == 13) {
        /* FOCUS ELEMENT */
        var inputs = $(this).parents("form").eq(0).find(":input");
        var idx = inputs.index(this);

        if (idx == inputs.length - 1) {
            inputs[0].select()
        } else {
            inputs[idx + 1].focus(); //  handles submit buttons
            inputs[idx + 1].select();
        }
        return false;
    }
});
</script>

肥胖的




所以当
username
为
：focus
且用户按enter键时，您希望焦点进入
密码输入？嗯……它起作用了。看这里->是的。。。对我来说也很有用。我看到它在你的小提琴上运行得很好，但我的不是，我唯一的猜测是我对jquery调用有一些问题。我知道这不是一个好的做法，但我在布局的顶部有它，这可能是问题吗？是的，当你的脚本运行时，
$（“#username'）
将找不到任何东西。要么将它移动到模板的末尾，要么将它包装到
$（document）.ready（function（）{…}）
。这正是它工作的问题所在。在我看来，我不得不重新声明jquery脚本，但我觉得这不是一个好的解决方案，所以我按照您的要求，将它包装到$（document）。准备好了，效果很好。只是为了了解为什么剧本找不到任何东西？事情已经结束了。