自动对焦在Firefox上不起作用，在来自其他页面时不起作用

Question

我正在使用Javascript创建我的页面。这是一个登录页面，我需要在用户名输入文本上使用自动对焦。此操作适用于IE和Chrome，但不适用于Mozilla！ 这是我用JS添加的HTML：

'<input id="username" class="loginInput" data-bind="value: userName, valueUpdate: \'afterkeydown\'" type="text" name="User" autofocus><!--User Input text end /-->'

当我使用Mozilla加载页面时，此输入以这种方式设置：

<input id="username" class="loginInput" type="text" autofocus="" name="User" data-bind="value: userName, valueUpdate: 'afterkeydown'">

我真的不明白为什么以这种方式设置“autofocus”属性。我甚至尝试使用JQuery $("#username").attr('autofocus','autofocus')添加属性，仅适用于Chrome和IE。

当我从另一个页面进入登录页面时出现第二个问题，每个浏览器都会出现自动对焦问题。

你能帮助我吗？

Answer 1

您可以尝试：

$("#username").focus();

页面加载后

。

Answer 2

不要使用autofocus属性，请尝试：

$("#username").focus();