如何确定哪个DOM元素具有焦点？

我想知道在JavaScript中，哪个元素当前具有焦点。我一直在浏览DOM，还没有找到我需要的东西。有没有办法做到这一点，以及如何做到？

我找这个的原因是：

我正在尝试制作像箭头一样的键，并输入在输入元素表中导航。Tab键现在起作用了，但输入和箭头在默认情况下似乎不起作用。我已经设置了关键处理部分，但现在我需要弄清楚如何将焦点转移到事件处理功能上。

当前回答

如果要获取Element实例的对象，必须使用document.activeElement，但如果要获取Text实例的对象则必须使用document.getSelection（）.focusNode。

我希望能有所帮助。

其他回答

如果您可以使用jQuery，它现在支持：focus，只需确保您使用的是1.6+版本。

此语句将为您提供当前关注的元素。

$(":focus")

From：如何使用jQuery选择关注它的元素

如果您想在开发工具上测试重点元素，我建议使用。

$(":focus")

当您单击开发工具中的任何内容时，As document.activeElement将变为body。

要获取上一个活动元素，请添加此。

示例：单击一个按钮，需要上一个活动元素。因为按钮一旦点击就会获得焦点。

document.addEventListener("focusout",ev => {
  document.previousActiveElement = ev.target;
});

正如JW所说，您无法找到当前关注的元素，至少以独立于浏览器的方式。但如果你的应用程序仅为IE（有些是…），你可以通过以下方式找到它：

document.activeElement

看起来IE并没有什么问题，毕竟这是HTML5草案的一部分，似乎至少得到了最新版本的Chrome、Safari和Firefox的支持。

如果没有聚焦元素，document.activeElement可以默认为＜body＞元素。此外，如果元素被聚焦并且浏览器窗口被模糊，activeElement将继续保持聚焦元素。

如果这两种行为中的任何一种都不可取，请考虑一种基于CSS的方法：document.querySelector（“：focus”）。

推荐文章