自動對焦在 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')添加屬性$("#username").attr('autofocus','autofocus')並且僅適用於 Chrome 和 IE。

第二個問題是當我從另一個頁面轉到登錄頁面時，每個瀏覽器都會出現autofocus問題。

你能幫助我嗎？

Answer 1

您可以嘗試：

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

頁面加載完畢后。

Answer 2

不要使用autofocus屬性，請嘗試：

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