是否可以使用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&nbsp;=&nbsp;'#tries';这将滚动到所讨论的元素，本质上是“聚焦”它。

Answer 2

是的-这是可能的。为了做到这一点，你需要分配一个表索引.<div&nbsp;tabindex="0">Hello&nbsp;World</div>一个0的表索引将标记“按页面的自然选项卡顺序”放置。一个较高的数字会给它一个特定的优先级顺序，其中1是第一个，2秒等等。您还可以提供一个表索引-1，这将使div只能通过脚本进行聚焦，而不是用户。document.getElementById('test').onclick&nbsp;=&nbsp;function&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;document.getElementById('scripted').focus();};div:focus&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;background-color:&nbsp;Aqua;}<div>Element&nbsp;X&nbsp;(not&nbsp;focusable)</div><div&nbsp;tabindex="0">Element&nbsp;Y&nbsp;(user&nbsp;or&nbsp;script&nbsp;focusable)</div><div&nbsp;tabindex="-1"&nbsp;id="scripted">Element&nbsp;Z&nbsp;(script-only&nbsp;focusable)</div><div&nbsp;id="test">Set&nbsp;Focus&nbsp;To&nbsp;Element&nbsp;Z</div>显然，如果有一个可以通过脚本来聚焦的元素，而不能通过其他的输入方法来聚焦(特别是当用户只使用键盘或类似的限制时)，那将是一件令人遗憾的事情。还有很多标准元素是默认情况下具有可聚焦性，并有用于帮助用户的语义信息。明智地使用这些知识。

Answer 3

可以使用tabindex。<div&nbsp;tabindex="-1"&nbsp;&nbsp;id="tries"></div>表索引值可以允许一些有趣的行为。如果给定的值为“-1”，则不能将元素标签到其中，但可以编程方式将焦点分配给元素(使用元素.Focus()。如果给定值为0，则元素可以通过键盘聚焦并落入文档的选项卡流中。大于0的值创建优先级级别，其中1是最重要的。