如何确定哪个html页面元素具有焦点?[副本]

使用 document.activeElement 财产。

这个 document.activeElement 属性在Chrome 2+、Firefox 3+、IE4+、Opera 9.6+和Safari 4+上受支持。

请注意,此属性将仅包含接受击键的元素(如表单元素)。

查看 this blog post 。它提供了一种变通方法,以便 document.activeElement 适用于所有浏览器。

function _dom_trackActiveElement(evt) {
    if (evt && evt.target) { 
        document.activeElement = evt.target == document ? null : evt.target;
    }
}

function _dom_trackActiveElementLost(evt) { 
    document.activeElement = null;
}

if (!document.activeElement) {
    document.addEventListener("focus",_dom_trackActiveElement,true);
    document.addEventListener("blur",_dom_trackActiveElementLost,true);
}

需要注意的事项:

这种实施有点过于悲观;如果浏览器窗口失去焦点,activeElement将设置为null(因为输入控件也失去焦点)。如果你的应用程序需要activeElement值,即使浏览器窗口没有焦点,你也可以删除模糊事件监听器。

为了记录在案,有点晚了,当然 not supported in old browsers :

var element = document.querySelector(":focus");

应适用于所有元件(例如锚)。

大概 document.activeElement ,不知道浏览器支持tho。似乎可以在Firefox和IE7中运行,但我想你也必须在Opera等中尝试一下。

检查 bottom post 我认为这会奏效。。。