是否可以使用JavaScriptFocus()函数来关注<div>？

Question

是否可以使用JavaScriptFocus()函数来关注<div>？是否可以将注意力集中在<div>使用JavaScriptfocus()功能？我有一个<div>标签<div id="tries">You have 3 tries left</div>我正试着把重点放在上面。<div>使用：document.getElementById('tries').focus();但不管用。有人能提点建议吗.？

Answer 1

window.location.hash = '#tries';

这将滚动到所讨论的元素，本质上是“聚焦”它。

Answer 2

是的-这是可能的。为了做到这一点，你需要分配一个表索引.

<div tabindex="0">Hello World</div>

一个0的表索引将标记“按页面的自然选项卡顺序”放置。一个较高的数字会给它一个特定的优先级顺序，其中1是第一个，2秒等等。

您还可以提供一个表索引-1，这将使div只能通过脚本进行聚焦，而不是用户。

document.getElementById('test').onclick = function () {
    document.getElementById('scripted').focus();};

div:focus {
    background-color: Aqua;}

<div>Element X (not focusable)</div><div tabindex="0">Element Y (user or script focusable)</div><div tabindex="-1" id="scripted">Element Z (script-only focusable)</div><div id="test">Set Focus To Element Z</div>

显然，如果有一个可以通过脚本来聚焦的元素，而不能通过其他的输入方法来聚焦(特别是当用户只使用键盘或类似的限制时)，那将是一件令人遗憾的事情。还有很多标准元素是默认情况下具有可聚焦性，并有用于帮助用户的语义信息。明智地使用这些知识。

Answer 3

可以使用tabindex。

<div tabindex="-1"  id="tries"></div>

表索引值可以允许一些有趣的行为。

• 如果给定的值为“-1”，则不能将元素标签到其中，但可以编程方式将焦点分配给元素(使用元素.Focus()。
• 如果给定值为0，则元素可以通过键盘聚焦并落入文档的选项卡流中。大于0的值创建优先级级别，其中1是最重要的。