关闭ESC上的JS菜单

Question

我正在开发一个简单的滑入式菜单系统.我希望能够通过ESC按键来关闭菜单.

这是我目前的代码:http: //jsfiddle.net/3w539Lct/3/

我的Javascript第126行,你可以看到:

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

但是,这不起作用.有人可以帮忙吗？

Answer 1

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

元素$(."menu-wrap")是一个div,没有checked属性.您需要在退出按钮按下时添加隐藏菜单的逻辑.

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

这是一个有效的演示