jquery - div要素が表示されているときにキーが押されたことを検出する

Question

ライトボックスギャラリーウィジェットを作成しています。キーの押下を検出して関数を呼び出す必要がありますが、#lightbox要素が表示されている場合にのみ、表示されていない場合は、jqueryを使用してキーの押下を無視する必要があります。次のことを試しました。

        $("#lightbox").keyup(function(e) {
alert(e.keyCode);
  if (e.keyCode == 27) { alert("a") }   // esc
});

暗示の人はいますか？

score 7 · Accepted Answer

if ($('#lightbox:visible').length && e.keyCode==27) {

また

if ($('#lightbox').is(':visible') && e.keyCode==27) {

score 1 · Accepted Answer

これに使用できます.is(selector)。現在のセレクターが保持されているかどうかを確認します (if #lightbox == #lightbox:hidden

$("#lightbox").keyup(function (e) {
    if($("#lightbox").is(":visible")) {
        ... //your code hear
    }
});

2 に答える 2