我想知道在JavaScript中，哪个元素当前具有焦点。我一直在浏览DOM，还没有找到我需要的东西。有没有办法做到这一点，以及如何做到？
我找这个的原因是：
我正在尝试制作像箭头一样的键，并输入在输入元素表中导航。Tab键现在起作用了，但输入和箭头在默认情况下似乎不起作用。我已经设置了关键处理部分，但现在我需要弄清楚如何将焦点转移到事件处理功能上。
当前回答
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.activeInputArea的属性，并使用jQuery的热键插件来捕获箭头键、tab和enter的键盘事件，我还创建了用于单击输入元素的事件处理程序。
然后，每次焦点改变时，我都会调整activeInputArea，这样我就可以使用该属性来查找我所在的位置。
不过，这很容易搞砸，因为如果你的系统中有一个bug，并且焦点不在你认为的位置，那么很难恢复正确的焦点。
使用document.activeElement可能存在问题。请考虑：
<div contentEditable="true">
<div>Some text</div>
<div>Some text</div>
<div>Some text</div>
</div>
如果用户关注内部div，那么document.activeElement仍然引用外部div。您不能使用document.active Element来确定哪个内部div具有焦点。
以下函数绕过此问题，并返回聚焦节点：
function active_node(){
return window.getSelection().anchorNode;
}
如果您希望获得焦点元素，请使用：
function active_element(){
var anchor = window.getSelection().anchorNode;
if(anchor.nodeType == 3){
return anchor.parentNode;
}else if(anchor.nodeType == 1){
return anchor;
}
}
正如JW所说，您无法找到当前关注的元素，至少以独立于浏览器的方式。但如果你的应用程序仅为IE（有些是…），你可以通过以下方式找到它：
document.activeElement
看起来IE并没有什么问题，毕竟这是HTML5草案的一部分，似乎至少得到了最新版本的Chrome、Safari和Firefox的支持。
如果您可以使用jQuery，它现在支持：focus，只需确保您使用的是1.6+版本。
此语句将为您提供当前关注的元素。
$(":focus")
From：如何使用jQuery选择关注它的元素
要获取上一个活动元素，请添加此。
示例：单击一个按钮，需要上一个活动元素。因为按钮一旦点击就会获得焦点。
document.addEventListener("focusout",ev => {
document.previousActiveElement = ev.target;
});
