Закрыть Меню JS на ESC

Question

Я работаю над простой системой вставки слайдов. Я хотел бы иметь возможность закрыть меню, нажав клавишу ESC.

Вот мой текущий код: http://jsfiddle.net/3w539Lct/3/

линия 126 моего Javascript, вы можете увидеть:

$(document).on('keydown', function (e) { 
      if (e.keyCode === 27) { // ESC 
       $(".menu-wrap").prop("checked", false); 
      } 
     }); 

Однако, это не работает. Может кто-нибудь помочь?

Answer 1

Я повторно некоторые из существующих функций и переменных. Это должно быть правильно.

Элемент $ («меню обертка») является ДИВ и не проверяемое свойство. Вам необходимо: добавить логику скрытия меню при нажатии кнопки эвакуации.

 $(document).on('keydown', function (e) { 
     if (e.keyCode === 27) { // ESC 
      isOpen && classie.remove(bodyEl, 'show-menu'); 
     } 
    }); 

Вот рабочий demo

Answer 2

$(document).keyup(function(e) { 
if (e.keyCode == 27) { 
    toggleMenu(); 
}// escape key maps to keycode `27` 
}); 

надеюсь, что это помогает

Answer 3

триггера toggleMenu при условии, что это isOpen. так:

$(document).on('keydown', function (e) { 
    if (e.keyCode === 27) { // ESC 
     isOpen && toggleMenu(); 
    } 
}); 

http://jsfiddle.net/3w539Lct/7/