javascript - 带有 jquery 的键盘控制 -> keydown

Question

我的盒子上有一个按钮：

<div id="close" class="close">CLOSE</div>
<div id="infocontent" class="infocontent">lorem ipsum dolor</div>

我的jQuery代码是：

$('#close').click(function() {
   $('#infocontent').hide();
   $('#infocontent').addClass('cnthidden');
});

我试图设置键盘功能来启用我的盒子，但这不是真的，知道吗？

if($('#infocontent').hasClass('cnthidden')) {
 $.keydown(function() {
     $('#infocontent').show();
  });   
}

如果我使用 keydown，我需要简单地启用此框...

Answer 1

您需要将该 keydown 事件绑定到一个元素。假设您想在 上显示该框document keydown，

 $(document).keydown(function() {
    if($('#infocontent').hasClass('cnthidden')) {
       $('#infocontent').removeClass('cnthidden');
       //assuming cnthidden has display:none property
     }
  });

Answer 2

试试下面的代码：

$('#close').click(function() {
   $('#infocontent').hide();
   $('#infocontent').addClass('cnthidden');
});


$(document).keydown(function() {
   if($('#infocontent').hasClass('cnthidden')) {
      $('#infocontent').show();
   }
});

您在哪里检查元素在第一次加载时是否具有该类，而它没有。您在单击处理程序中添加类，因此需要在函数中检查它keydown。您还需要将keydown函数绑定到元素。document在我的示例中已使用。

示例 JSFiddle