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

document.activeElement

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

使用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的支持。

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

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

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

相关链接：

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

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

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

如果这两种行为中的任何一种都不可取，请考虑一种基于CSS的方法：document.querySelector（“：focus”）。