javascript - Tabindex 在 Internet Explorer 中不起作用

Question

我有一个登录页面，其中包含 2 个输入字段和一个提交按钮。我已将页面设置为在页面加载时自动聚焦用户名输入字段$("#username").select()。

但是，当我按下键盘上的“tab”键时，它不会跳转到密码字段，而是跳转到浏览器地址字段。我试图通过将用户名字段设置为 tabindex = 1 并将密码字段设置为 tabindex = 2 来解决它。但情况仍然相同。

我注意到，如果我手动单击用户名字段或刷新页面，按下“tab”键时它将跳转到密码字段。

那么，我该如何解决呢？

谢谢你。

Answer 1

尝试使用$("#username").focus()之前。我不确定选择一个元素会改变 tabindex。我很确定焦点可以。

顺便说一句，IE 上有一些错误，迫使您将选择和焦点功能包含在 setTimeout 中，如下所示：

setTimeout(function(){$("#username").select()}, 1);

Answer 2

我认为您需要使用.focus()而不是 .select()

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

JSFiddle