javascript - jQueryを使用してテキストボックスのフォーカスを確認する

Question

重複の可能性:
jQuery を使用して、入力にフォーカスがあるかどうかをテストする

特定のテキストボックスにフォーカスがあるかどうか、または jQuery を使用していないかどうかを確認する必要があります。したがって、私のコードは次のようになりますが、機能していません:

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

私のユースケースは次のとおりです#lastname。テキストボックスがフォーカスを獲得または失ったときに表示または非表示にするテキストボックスがあります。ただし、#lastnameテキストボックスが他のテキストボックスにフォーカスを失った場合、後者もフォーカスを失うまで表示されたままにする必要があります。

どんな助けでも大歓迎です。

score 16 · Accepted Answer

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

score 1 · Accepted Answer

1

$("#lastname").focus(function(){
    alert("lastname has focus");
});

于 2012-08-18T07:23:42.810 に答える

score 1 · Accepted Answer

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

== で確認してください。 = の使用は代入です

score 0 · Accepted Answer

<script type="text/javascript" language="javascript">

    function check() {

        if ($(document.activeElement).attr("id") === "element_name") {
            alert('checkbox is focused');
        }
    }

</script>

score 0 · Accepted Answer

jQuery の:focusセレクターを試すことができます。または、いつでもクラスを追加して、そのクラスを確認できます。

score 0 · Accepted Answer

0

これを試して

var status = $('#lastname').is(":focus");
alert(status);//false or true

于 2012-08-18T07:32:27.107 に答える

javascript - jQueryを使用してテキストボックスのフォーカスを確認する

6 に答える 6

Related

Reference