jquery - 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，并且没有选中的属性。您需要添加在按下退出按钮时隐藏菜单的逻辑。

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

这是一个有效的 demo