jquery - 当 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/