阅读其他答案，并尝试自己，看起来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，所有主要浏览器都支持它。

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

如果需要删除activeElement，可以使用blur；document.activeElement.blur（）。它会将activeElement更改为body。

相关链接：

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

使用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;
  }
}

如果您使用的是jQuery，可以使用它来确定元素是否处于活动状态：

$("input#id").is(":active");

简单地使用document.activeElement查找当前活动元素

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

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

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