如果已选择某个字段,则无法将焦点集中在该字段上

Unable to focus on a field if a field is selected already

本文关键字:字段 焦点 集中 选择 如果      更新时间:2023-09-26

我正在使用jQuery制作一个登录页面。该人员必须扫描身份证条形码,扫描时会显示"密码"字段,并在其中输入密码。我的问题是,当条形码扫描仪读取条形码时,它使用tab键,该字段失去焦点,然后将焦点放在另一个字段上(更具体地说,我在firefox上的搜索框),然后我无法将焦点放回下一个(密码)字段。

这就是我目前所拥有的:

    <div class="loginbox">
        <h1>Login</h1>
        <div class="logonform">
            <form method="post" id="loginform">
                <span id="studentid">ID Number: <input type="text" name="studentid" id="studentidb"></span>
                <span id="password" style="display: none">Password: <input type="password" name="password" id="passwordb"></span>
            </form>
                    </div>
    </div>
    <script><!--
    $(document).ready(function(){
        $("#studentidb").focus().select();
    });
    $("#studentidb").blur(function(){
        $("#studentid").hide();
        $("#password").show();
        $("#password").focus();
    });
    $("#passwordb").blur(function(){
        $("#loginform").submit();
    });
    --></script>

是的,我确实在页面顶部包含了jQuery。

您正在将焦点设置为$("#password"),即span。

尝试将焦点设置在$("#passwordb")的输入上。

你有没有试着调用show密码,然后集中它,然后在之后隐藏id字段

 $("#studentidb").blur(function(){
    $("#password").show();
    $("#password").focus();
    $("#studentid").hide();
});