對第一個輸入/文本區域的動態聚焦在 Firefox 中不起作用

Question

我想打開我的表單並自動關注第一個輸入或文本區域，我使用的.focus()函數在 Chrome 和 Safari 上工作（甚至在 IE 中）。 但不幸的是，它不適用於 Firefox 和 IOS chrome。

 $(document).ready(function() { alert("Check whether it is focused on first text area!"); $("#form input:text").first().focus(); //$(":input:first").focus(); //setTimeout(function (){$("#form input:text, #formId textarea").first().focus(); }, 0); $('#do').on('click', function() { alert("Thanks!"); }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <form name="form" id="form"> <input type="text" id="firstelement" value="myvalue" /><br> <input type="text" id="anotherelement" value="myvalue2" /> <input type="submit" id="do" /> </form>

我試過設置超時，但它也不起作用。

我在此為 chrome 創建了一個jsfiddle ，焦點正在發生（文本區域周圍的藍色陰影）。 但對於 Firefox，它不是（該區域周圍的虛線）。

這是 Firefox 中的錯誤嗎？ 誰可以幫我這個事？

Answer 1

如果您願意，可以嘗試使用autofocus HTML5 屬性。

我在 IE11、Chrome 和 Firefox 上測試了自動對焦。 只有似乎不在堆棧片段中工作。 （ iframe 惡作劇？）

<!DOCTYPE html>
<html>
  <head></head>
<body>
  <form name="form" id="form">
    <input type="text" id="firstelement" value="myvalue" autofocus>
    <br>
    <input type="text" id="anotherelement" value="myvalue2">
    <input type="submit" id="do">
  </form>
</body>
</html>

對第一個輸入/文本區域的動態聚焦在 Firefox 中不起作用

問題描述

1 個解決方案

解決方案1
1 2019-08-02 11:18:19

對第一個輸入/文本區域的動態聚焦在 Firefox 中不起作用

問題描述

1 個解決方案

解決方案1 1 2019-08-02 11:18:19

解決方案1
1 2019-08-02 11:18:19