Question

我正在使用和角度JS和HTML5应用程序。我有一个包含用户名和密码字段的登录表单。当登录页面加载时，我希望默认情况下焦点在用户名上。我使用HTML5 autofocus =“autofocus”来实现这一点，而无需编写任何脚本。

 <input name="USER" id="USER" type="email" class="input-control" data-ng-model="login.userName" required autofocus="autofocus">

这适用于Google Chrome，Internet Explorer和Safari。然而自动对焦在Mozilla Firefox中不起作用。对于旧版本的firefox中的自动对焦有一些问题。我使用的是 48.0

版本

任何解决方案？提前致谢

Answer 1

$('#element').focus()应该有效

此问题已在此处提出并回答：Autofocus Attribute of HTML5 does not work only in FireFox when <Form><input> are loaded via Ajax. WHY?此处： Autofocus doesn't work on Firefox and doesn't work when coming from another page

Answer 2

为什么不尝试使用jquery

    <!DOCTYPE html>
    <html>
    <head>
    <title></title>

    <form>
    <input type="text" name="name" id="name">
    </form>
    </head>
<body>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
  $('#name').focus();

</script>
</body>
</html>

HTML5自动对焦无法在Firefox中运行

2 个答案: