javascript - 使用jQuery检查文本框焦点

Question

This question already has answers here:

Closed 7 years ago.

Possible Duplicate:
Using jQuery to test if an input has focus




我需要检查某个特定的文本框是否具有焦点，或者不使用jQuery。所以我的代码是这样的，但是不起作用：

if (document.getElementById("lastname").focus = true) {
    alert("hello");
}

我的用例是：我有一个文本框，当 #lastname文本框获得焦点或失去焦点时，应显示或隐藏该文本框。但是，如果 #lastname文本框失去焦点到另一个文本框，则后者应保持可见，直到失去焦点。

任何帮助将不胜感激。

Answer 1

if ($("#lastname").is(':focus')) {
    alert("hello");
}

jQuery docs for :focus
jQuery docs for .is()


更新：
要在字段获得/失去焦点时显示/隐藏元素，请使用 focusin和 focusout事件处理程序：

$(document).ready(function() {
    $('#lastname').focusin(function() {
        $(hidden-element).show();
    }).add(hidden-element).focusout(function() {
        if ( !$(hidden-element).is(':focus') ) {
            $(hidden-element).hide();
        }
    });
});
//where hidden-element is a reference to or selector for your hidden text field