Управление с клавиатуры с помощью jquery -> keydown

Question

Управление с клавиатуры с помощью jquery -> keydown

0

У меня на моей коробке кнопка:

<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...

crelrm1 18 окт. 2013, в 16:45

Источник

1

Что должен делать $.keydown ? Вам нужно привязать keydown к элементу.
Selvakumar Arumugam 18 окт. 2013, в 14:46
0

я видел в jquery doc: $ ("#target") .keydown (function () {alert ("Обработчик для .keydown () вызывается.");}); но я не могу понять, что это за "$ (" #target ")", потому что мне нужна функция клавиатуры, если я использую keydown, тогда .show () на моей коробке
crelrm1 18 окт. 2013, в 14:48
0

keydown - это событие клавиатуры, которое необходимо привязать к элементу.
Selvakumar Arumugam 18 окт. 2013, в 14:50
0

$('#target') является элементом на странице. keydown требует, чтобы у вас был элемент для привязки. Вы должны использовать $(document) для ссылки на элемент документа страницы, если вы хотите, чтобы функция keydown запускалась при каждом нажатии клавиши.
Nunners 18 окт. 2013, в 14:52
0

Nunners, большое спасибо, потому что эта проблема с "$ (document)" была полезным объяснением для меня ...
crelrm1 18 окт. 2013, в 14:56

Показать ещё 3 комментария

Теги:

javascript

jquery

html

2 ответа

0

Попробуйте следующий код:

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


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

Вы, где проверяете, имел ли элемент класс, когда он впервые загрузился, и это не так. Вы добавляете класс в обработчик кликов, поэтому вам нужно проверить его в функции keydown. Также вам необходимо привязать функцию keydown к элементу. document был использован в моем примере.

Экзамен JSFiddle

Nunners 18 окт. 2013, в 12:02

Ещё вопросы

Что должен делать $.keydown ? Вам нужно привязать keydown к элементу.
я видел в jquery doc: $ ("#target") .keydown (function () {alert ("Обработчик для .keydown () вызывается.");}); но я не могу понять, что это за "$ (" #target ")", потому что мне нужна функция клавиатуры, если я использую keydown, тогда .show () на моей коробке
keydown - это событие клавиатуры, которое необходимо привязать к элементу.
$('#target') является элементом на странице. keydown требует, чтобы у вас был элемент для привязки. Вы должны использовать $(document) для ссылки на элемент документа страницы, если вы хотите, чтобы функция keydown запускалась при каждом нажатии клавиши.
Nunners, большое спасибо, потому что эта проблема с "$ (document)" была полезным объяснением для меня ...

Selvakumar Arumugam · Accepted Answer · 2013-10-18T12-54-00.000Z

Вам нужно связать это событие keydown с элементом. Предполагая, что вы хотите отобразить окно document keydown,

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

@ crelrm1 Пожалуйста. Не забудьте поднять / принять, если это сработало для вас.