使用jQuery检查文本框焦点

Question

可能重复:
使用jQuery测试输入是否具有焦点

我需要使用jQuery检查特定文本框是否具有焦点.所以我的代码是这样的,但它不起作用:

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

我的用例是这样的:我有一个文本框,当#lastname文本框获得或失去焦点时,应该显示或隐藏它.但是,如果#lastname文本框失去了对另一个文本框的焦点,后者应保持可见,直到它失去焦点.

任何帮助将不胜感激.

Answer 1

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

用于:focus
jQuery文档的jQuery文档.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