在ESC上关闭JS菜单 [英] Close JS Menu on ESC
问题描述
我正在研究一个简单的滑入式菜单系统.我希望能够通过按 ESC 键关闭菜单.
I am working on a simple slide-in menu system. I'd like to be able to close a menu by hitting the ESC key.
这是我当前的代码: http://jsfiddle.net/3w539Lct/3/
Here's my current code: http://jsfiddle.net/3w539Lct/3/
我的JavaScript的第126行,您可以看到:
Line 126 of my Javascript, you can see:
$( document ).on( 'keydown', function ( e ) {
if ( e.keyCode === 27 ) { // ESC
$(".menu-wrap").prop("checked", false);
}
});
但是,这不起作用.有人可以帮忙吗?
However, this doesn't work. Can someone help?
推荐答案
我重用了一些现有的函数和变量. 这应该是正确的.
I reused some of your existing functions and variables. This should be correct.
元素$(."menu-wrap")是 div ,并且没有选中的属性.您需要添加逻辑,使其在按下退出按钮时隐藏菜单.
The element $(."menu-wrap") is a div, and doesn't have a checked property. You need to add the logic of hiding the menu on escape button press.
$( document ).on( 'keydown', function ( e ) {
if ( e.keyCode === 27 ) { // ESC
isOpen && classie.remove( bodyEl, 'show-menu' );
}
});
这是一个正常工作的 演示
Here's a working demo
这篇关于在ESC上关闭JS菜单的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!