我想知道在JavaScript中，哪个元素当前具有焦点。我一直在浏览DOM，还没有找到我需要的东西。有没有办法做到这一点，以及如何做到？
我找这个的原因是：
我正在尝试制作像箭头一样的键，并输入在输入元素表中导航。Tab键现在起作用了，但输入和箭头在默认情况下似乎不起作用。我已经设置了关键处理部分，但现在我需要弄清楚如何将焦点转移到事件处理功能上。
当前回答
如果您可以使用jQuery，它现在支持：focus，只需确保您使用的是1.6+版本。
此语句将为您提供当前关注的元素。
$(":focus")
From：如何使用jQuery选择关注它的元素
其他回答
我喜欢Joel S使用的方法，但我也喜欢document.activeElement的简单性。我使用了jQuery并将两者结合起来。不支持document.activeElement的旧浏览器将使用jQuery.data（）来存储“hasFocus”的值。较新的浏览器将使用document.activeElement。我认为document.activeElement将具有更好的性能。
(function($) {
var settings;
$.fn.focusTracker = function(options) {
settings = $.extend({}, $.focusTracker.defaults, options);
if (!document.activeElement) {
this.each(function() {
var $this = $(this).data('hasFocus', false);
$this.focus(function(event) {
$this.data('hasFocus', true);
});
$this.blur(function(event) {
$this.data('hasFocus', false);
});
});
}
return this;
};
$.fn.hasFocus = function() {
if (this.length === 0) { return false; }
if (document.activeElement) {
return this.get(0) === document.activeElement;
}
return this.data('hasFocus');
};
$.focusTracker = {
defaults: {
context: 'body'
},
focusedElement: function(context) {
var focused;
if (!context) { context = settings.context; }
if (document.activeElement) {
if ($(document.activeElement).closest(context).length > 0) {
focused = document.activeElement;
}
} else {
$(':visible:enabled', context).each(function() {
if ($(this).data('hasFocus')) {
focused = this;
return false;
}
});
}
return $(focused);
}
};
})(jQuery);
我在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查找当前活动元素
把这个放在这里是为了给出我最终想出的解决方案。
我创建了一个名为document.activeInputArea的属性，并使用jQuery的热键插件来捕获箭头键、tab和enter的键盘事件，我还创建了用于单击输入元素的事件处理程序。
然后，每次焦点改变时，我都会调整activeInputArea，这样我就可以使用该属性来查找我所在的位置。
不过，这很容易搞砸，因为如果你的系统中有一个bug，并且焦点不在你认为的位置，那么很难恢复正确的焦点。
使用document.activeElement.id
appending.id过滤掉返回的整个DOM，并允许您仅处理已标识的元素
