我想知道在JavaScript中，哪个元素当前具有焦点。我一直在浏览DOM，还没有找到我需要的东西。有没有办法做到这一点，以及如何做到？
我找这个的原因是：
我正在尝试制作像箭头一样的键，并输入在输入元素表中导航。Tab键现在起作用了，但输入和箭头在默认情况下似乎不起作用。我已经设置了关键处理部分，但现在我需要弄清楚如何将焦点转移到事件处理功能上。
当前回答
正如JW所说，您无法找到当前关注的元素，至少以独立于浏览器的方式。但如果你的应用程序仅为IE（有些是…），你可以通过以下方式找到它：
document.activeElement
看起来IE并没有什么问题，毕竟这是HTML5草案的一部分，似乎至少得到了最新版本的Chrome、Safari和Firefox的支持。
其他回答
使用document.activeElement，所有主要浏览器都支持它。
以前，如果您试图找出哪个表单字段具有焦点，则无法做到。要模拟旧浏览器中的检测，请向所有字段添加一个“焦点”事件处理程序，并将最后一个焦点字段记录在变量中。添加一个“blur”处理程序，以在最后一个聚焦场发生模糊事件时清除变量。
如果需要删除activeElement，可以使用blur；document.activeElement.blur（）。它会将activeElement更改为body。
相关链接：
activeElement浏览器兼容性document.activeElement的jQuery替代项
阅读其他答案，并尝试自己，看起来document.activeElement将为您提供大多数浏览器所需的元素。
如果你有一个不支持document.activeElement的浏览器，如果你有jQuery，你应该可以在所有焦点事件中使用类似这样的简单方法（未经测试，因为我手头没有一个满足这些条件的浏览器）来填充它：
if (typeof document.activeElement === 'undefined') { // Check browser doesn't do it anyway
$('*').live('focus', function () { // Attach to all focus events using .live()
document.activeElement = this; // Set activeElement to the element that has been focussed
});
}
document.activeElement现在是HTML5工作草案规范的一部分，但在一些非主流/移动/旧浏览器中可能还不支持它。您可以返回到querySelector（如果支持）。还值得一提的是，如果没有元素聚焦，document.activeElement将返回document.body，即使浏览器窗口没有聚焦。
下面的代码将解决这个问题，并返回到querySelector，提供更好的支持。
var focused = document.activeElement;
if (!focused || focused == document.body)
focused = null;
else if (document.querySelector)
focused = document.querySelector(":focus");
另外需要注意的是这两种方法之间的性能差异。使用选择器查询文档总是比访问activeElement属性慢得多。请参阅此jsperf.com测试。
如果没有聚焦元素，document.activeElement可以默认为＜body＞元素。此外，如果元素被聚焦并且浏览器窗口被模糊，activeElement将继续保持聚焦元素。
如果这两种行为中的任何一种都不可取，请考虑一种基于CSS的方法：document.querySelector（“：focus”）。
JQuery目前不支持：focus伪类。如果您在JQuery文档中查找它，请在“Selectors”下检查它指向W3C CSS文档的位置。我已经用Chrome、FF和IE 7+进行了测试。注意，要使其在IE中工作，<！DOCTYPE。。。必须存在于html页面上。下面是一个示例，假设您为具有焦点的元素分配了一个id：
$(":focus").each(function() {
alert($(this).attr("id") + " has focus!");
});
