logo标签列表

HTML5自动聚焦在Firefox中不起作用。

javascriptangularjshtmlfirefoxautofocus
7
我正在处理一个与 Angular 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。

有什么解决方案吗？提前感谢。

Firefox 48不支持autofocus http://caniuse.com/#feat=autofocus。有一个stackoverflow线程https://dev59.com/ImLVa4cB1Zd3GeqPty1B。或者您可以使用一些polyfil，例如https://jsfiddle.net/jonathansampson/qZHxv/（谷歌搜索）。 - phoa
1
@phoa - 根据您发布的链接，自2011年3月发布的Firefox 4版本起就支持自动对焦功能。 - Jaromanda X
@JaromandaX - 不确定你指的是哪个链接，但caniuse中的参考文献提到，在Firefox v49中支持自动聚焦，而不是版本4。 - phoa
Click show all to see - Jaromanda X
@JaromandaX - 你说得对。是我的错。我从来没有注意到那儿的“显示全部”按钮。 - phoa
JaromandaX - 你说得对，如果我每次听到有人这么说都能拿到一枚镍币的话，我现在就会有35美分了 :p - Jaromanda X
2个回答
1

为什么不尝试使用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>
1
非常抱歉。不知道它已经被回答了。 - Joseph Cobbinah
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接