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

我找这个的原因是:

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


当前回答

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

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

$(":focus")

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

其他回答

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

如果这两种行为中的任何一种都不可取,请考虑一种基于CSS的方法:document.querySelector(“:focus”)。

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

我希望能有所帮助。

使用document.activeElement,所有主要浏览器都支持它。

以前,如果您试图找出哪个表单字段具有焦点,则无法做到。要模拟旧浏览器中的检测,请向所有字段添加一个“焦点”事件处理程序,并将最后一个焦点字段记录在变量中。添加一个“blur”处理程序,以在最后一个聚焦场发生模糊事件时清除变量。

如果需要删除activeElement,可以使用blur;document.activeElement.blur()。它会将activeElement更改为body。

相关链接:

activeElement浏览器兼容性document.activeElement的jQuery替代项

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

document.activeElement

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

使用document.activeElement.id

appending.id过滤掉返回的整个DOM,并允许您仅处理已标识的元素