关闭ESC上的JS菜单

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

我重用你的一些现有的函数和变量。 这应该是正确的。

元素$（ “菜单 - 包装”）是一个DIV，并没有checked属性。你需要加隐藏菜单的逻辑按下退出按钮。

 $(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` 
}); 

希望这有助于它是isOpen条件

Answer 3

触发的toggleMenu。 像这样：

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

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