// Get the focused element:
var $focused = $(':focus');

// No jQuery:
var focused = document.activeElement;

// Does the element have focus:
var hasFocus = $('foo').is(':focus');

// No jQuery:
elem === elem.ownerDocument.activeElement;

你应该使用哪一个?引用jQuery文档:

与其他伪类选择器(以“:”开头的选择器)一样，建议在前面:以标记名称或其他选择器作为焦点;否则，将隐含通用选择器(“*”)。换句话说，简单的$(':focus')等价于$('*:focus')。如果您正在寻找当前关注的元素$(document。activeElement)将检索它，而不必搜索整个DOM树。

答案是:

document.activeElement

如果你想用jQuery对象包装元素:

$(document.activeElement)

试试这个:

$(":focus").each(function() {
    alert("Focused Elem_id = "+ this.id );
});

// Get the focused element:
var $focused = $(':focus');

// No jQuery:
var focused = document.activeElement;

// Does the element have focus:
var hasFocus = $('foo').is(':focus');

// No jQuery:
elem === elem.ownerDocument.activeElement;

你应该使用哪一个?引用jQuery文档:

与其他伪类选择器(以“:”开头的选择器)一样，建议在前面:以标记名称或其他选择器作为焦点;否则，将隐含通用选择器(“*”)。换句话说，简单的$(':focus')等价于$('*:focus')。如果您正在寻找当前关注的元素$(document。activeElement)将检索它，而不必搜索整个DOM树。

答案是:

document.activeElement

如果你想用jQuery对象包装元素:

$(document.activeElement)

为什么没有人提到…

document.activeElement.id

我使用的是IE8，还没有在其他浏览器上测试过。在我的例子中，我使用它来确保一个字段至少是4个字符，并在执行之前集中。一旦你输入第4个数字，它就会触发。字段的id是'year'。我正在使用..

if( $('#year').val().length >= 4 && document.activeElement.id == "year" ) {
    // action here
}

$(':focus')[0]会给你实际的元素。

$(':focus')会给你一个元素数组，通常一次只关注一个元素，所以只有当你以某种方式关注多个元素时才会更好。

$( document.activeElement )

将检索它，而不必搜索整个DOM树，如jQuery文档中推荐的那样