把这个放在这里是为了给出我最终想出的解决方案。

我创建了一个名为document.activeInputArea的属性，并使用jQuery的热键插件来捕获箭头键、tab和enter的键盘事件，我还创建了用于单击输入元素的事件处理程序。

然后，每次焦点改变时，我都会调整activeInputArea，这样我就可以使用该属性来查找我所在的位置。

不过，这很容易搞砸，因为如果你的系统中有一个bug，并且焦点不在你认为的位置，那么很难恢复正确的焦点。

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

我在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.id

appending.id过滤掉返回的整个DOM，并允许您仅处理已标识的元素

把这个放在这里是为了给出我最终想出的解决方案。

我创建了一个名为document.activeInputArea的属性，并使用jQuery的热键插件来捕获箭头键、tab和enter的键盘事件，我还创建了用于单击输入元素的事件处理程序。

然后，每次焦点改变时，我都会调整activeInputArea，这样我就可以使用该属性来查找我所在的位置。

不过，这很容易搞砸，因为如果你的系统中有一个bug，并且焦点不在你认为的位置，那么很难恢复正确的焦点。

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测试。