给 <a> 元素自动对焦答案

【问题标题】：Give <a> element autofocus给 <a> 元素自动对焦
【发布时间】：2012-03-05 20:00:43
【问题描述】：

通过以下代码，我尝试在页面加载时为 a 元素提供自动对焦。

<a href="/{{setting}}" id="next" class="button big active">Next vocabulary</a>
<script>
    document.getElementbyId("next").focus();
</script>

虽然这适用于输入字段，但不适用于该元素。有人可以解释一下吗？

问候

【问题讨论】：

...因为在 a 元素中没有可输入的内容？
为什么要关注 a 元素？我认为 a 没有真正的 .focus() 。也许用 css 突出显示它？
因为它是一个交互式控件。按tab 将依次转到下一个。按enter 将点击链接。
您在哪个浏览器上测试？适用于我的 chrome 和 ie。我假设getElementbyId 是你的代码中没有写错，如果我错了，把它改成getElementById。
只是为了更清楚：自动聚焦链接对于使用辅助软件的人来说很有意义。例如，当弹出带有链接列表的模式窗口时，将焦点放在第一个链接上是有意义的，这样用户就可以轻松地在列表中导航。

【解决方案1】：

问题是你打错了getElementById，应该是大写的'B'。

<a href="/{{setting}}" id="next" class="button big active">Next vocabulary</a>
<script>
    document.getElementById("next").focus();
</script>

现在应该可以了！

【讨论】：