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。

Examplie JSFiddle

使用jquery的键盘控件 - ＆gt; KEYDOWN

2 个答案: