javascript - フォーカスされている要素がないかどうかを判断する方法はJavascriptにありますか？

Question

HTMLのページにいくつかのホットキーを作成しています。

   $(document).bind('keypress', function (e) {
        var event = (e.keyCode ? e.keyCode : e.which);

        if (event == LETTER_P) {
            // go to another page
        }
    }

ただし、問題は、ページに（テキストボックス要素などで）テキストを入力して文字「P」を押すと、別のページに移動することです。それらがどの要素にも含まれていない場合にのみリダイレクトが発生するようにします。

Answer 1

document.activeElement最近のすべての主要なブラウザでサポートされています。フォーカスされている要素がない場合はactiveElement、ドキュメントの本文が返されるため、次のようになります。

if (document.activeElement === document.body) {
    // Nothing is in focus
}

Answer 2

次のようなことを試すことができます：

$(document).bind('keypress', function (e) {
    var event = (e.keyCode ? e.keyCode : e.which);

    if (event == LETTER_P && document.activeElement.tagName == "input") {
        // go to another page
    }
}

あなたのコードへの私の追加は、ライブラリを必要としません。

Answer 3

if ( $('input:focus, select:focus').length){
   // there is a focused element which would respond to a keypress
}

Answer 4

:focusjQuery でセレクターを使用できます。

if ( $( "input:focus, textarea:focus" ).length ) {
   // there is a focused element
}