我想知道在JavaScript中，哪个元素当前具有焦点。我一直在浏览DOM，还没有找到我需要的东西。有没有办法做到这一点，以及如何做到？
我找这个的原因是：
我正在尝试制作像箭头一样的键，并输入在输入元素表中导航。Tab键现在起作用了，但输入和箭头在默认情况下似乎不起作用。我已经设置了关键处理部分，但现在我需要弄清楚如何将焦点转移到事件处理功能上。
当前回答
如果您使用的是jQuery，可以使用它来确定元素是否处于活动状态：
$("input#id").is(":active");
其他回答
如果要获取Element实例的对象，必须使用document.activeElement，但如果要获取Text实例的对象则必须使用document.getSelection（）.focusNode。
我希望能有所帮助。
要获取上一个活动元素，请添加此。
示例：单击一个按钮，需要上一个活动元素。因为按钮一旦点击就会获得焦点。
document.addEventListener("focusout",ev => {
document.previousActiveElement = ev.target;
});
我在Mootools中使用了一个小助手：
FocusTracker = {
startFocusTracking: function() {
this.store('hasFocus', false);
this.addEvent('focus', function() { this.store('hasFocus', true); });
this.addEvent('blur', function() { this.store('hasFocus', false); });
},
hasFocus: function() {
return this.retrieve('hasFocus');
}
}
Element.implement(FocusTracker);
通过这种方式，您可以使用el.hhasFocus（）检查元素是否具有焦点，前提是对给定元素调用了startFocusTracking（）。
使用document.activeElement，所有主要浏览器都支持它。
以前，如果您试图找出哪个表单字段具有焦点，则无法做到。要模拟旧浏览器中的检测，请向所有字段添加一个“焦点”事件处理程序，并将最后一个焦点字段记录在变量中。添加一个“blur”处理程序，以在最后一个聚焦场发生模糊事件时清除变量。
如果需要删除activeElement，可以使用blur；document.activeElement.blur（）。它会将activeElement更改为body。
相关链接：
activeElement浏览器兼容性document.activeElement的jQuery替代项
我发现，当试图确定哪个元素当前具有焦点时，以下代码片段非常有用。将以下内容复制到浏览器的控制台中，它将每秒打印出具有焦点的当前元素的详细信息。
setInterval(function() { console.log(document.querySelector(":focus")); }, 1000);
如果打印出整个元素不能帮助您精确定位元素，请随意修改console.log以注销不同的内容，以帮助您精确地定位元素。
