使用 jQuery 的 .focus() 在 Mac 上的 Firefox 中设置焦点

Question

我正在尝试让.focus() 在 Mac 上的 Firefox（版本 33.1.1）中工作。一些类似的问题提到了没有视觉效果的具有.focus() 效果的解决方案；在下面的每个测试中，我什至都无法做到这一点。

下面列出的各种测试都适用于 Chrome，但不适用于 Firefox。使用的 HTML 是：

<input type="text" id="test" tabindex="1">

设置tabindex是基于this suggestion，但是好像没有任何效果。

我也考虑过使用autofocus，但这不起作用，因为我需要在用户使用网页时操纵多个字段的焦点，而不仅仅是加载单个字段。

更新：Rhumborl 建议below 在使用 iframe 时可能需要 Firefox 处理焦点事件，果然这似乎是问题所在。当您将其从 JSFiddle 的 iframe“编辑小提琴”窗口中取出并全屏查看输出时，以下每个测试都有效。下面我添加了指向每个工作全屏版本的链接。

A. .focus()

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

Fiddle（更新：this works in full screen）。

B. setTimeout 与 .focus()

setTimeout(function(){
    $("#test").focus();
},100);

Fiddle（更新：this works in full screen）。正如建议的here、here 和here。

C. .trigger('focus')

$("#test").trigger('focus');

Fiddle（更新：this works in full screen）。正如here建议的那样。

D. setTimeout 与 .trigger('focus')

setTimeout(function(){
   $("#test").trigger('focus');
},100);

Fiddle（更新：this works in full screen）。正如here建议的那样。

E.纯 JavaScript

document.getElementById("test").focus();

Fiddle（更新：this works in full screen）。

F. setTimeout 使用纯 JavaScript

setTimeout('document.getElementById("test").focus();',100)

Fiddle（更新：this works in full screen）。正如here建议的那样。

G. .select()

$("#test").select();

Fiddle（更新：this works in full screen）。正如here建议的那样。

H. setTimeout 与 .select()

setTimeout(function(){
   $("#test").select();
},100);

Fiddle（更新：this works in full screen）。

这可能是 Mozilla 需要解决的问题（请参阅 here），但似乎确实有解决方法。例如，如果您在 Mac 上的 Firefox 中转到 Google.com，焦点转到 input 字段（我无法弄清楚 Google 是如何做到的，尽管他们似乎正在处理 @987654349 中的焦点@)。

那么有人知道解决方法吗？

Answer 1

<input type="text" id="test" autofocus="autofocus">

如果您将 autofocus 属性添加到输入，它可能会执行您想要执行的操作。