如果已选择某个字段,则无法将焦点集中在该字段上
Unable to focus on a field if a field is selected already
我正在使用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();
});
相关文章:
- 在IE9中的输入字段中输入焦点最近按钮
- 将焦点设置在下拉切换的角度 js 上的第一个输入字段上
- 渲染后如何在输入字段上设置焦点
- 如何在动态树标题中的输入字段上设置焦点
- 为什么欧芹不验证每个字段(例如失去焦点),而我调用$('#myForm').validate();
- AngularJS,如何使UI依赖于哪个字段具有焦点
- 字段选择所有文本,然后在焦点上取消选择它
- 将焦点和光标设置为文本输入字段/字符串 w. Jquery 的末尾
- 当所有表单具有相同的名称和 id 时,选择焦点字段的表单
- 无法阻止输入字段在安卓中获得焦点
- 更改焦点后,输入字段中的文本将消失
- Ace 编辑器将字段焦点放在 Tab 键上
- 将标签设置为输入字段焦点的完全不透明度
- Angularjs输入字段焦点事件
- Cordova防止webview拖拽字段焦点
- 字段焦点在firefox中不工作,setTimeout(function(){id.focus();},0);
- Android / IOS浏览器.防止默认键盘在字段焦点上显示(Javascript)
- Android浏览器键盘在最后一个输入字段焦点打开/关闭
- JQuery工具提示仅在输入字段焦点处可见
- Android WebView -使用Javascript设置HTML字段焦点