當div元素可見時檢測按鍵

Question

我正在製作一個燈箱畫廊小部件，現在我需要檢測按鍵並調用函數，但只有當#lightbox元素可見時，並且如果不是，它應該忽略按鍵，使用jquery，我試過以下內容：

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

任何咕咕咕咕的傢伙？

Answer 1

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

或

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

http://api.jquery.com/visible-selector/

Answer 2

您可以使用.is(selector)這一點。它會檢查當前選擇持有，（如果#lightbox == #lightbox：隱藏

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

http://api.jquery.com/is/