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

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

元素$（。＆＃34; menu-wrap＆＃34;）是 div ，而没有已检查的属性。您需要添加隐藏退出按钮菜单的逻辑。

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

这是一个有效的demo

Answer 2

根据条件toggleMenu触发isOpen。像这样：

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

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

Answer 3

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

希望这会有所帮助

关闭ESC上的JS菜单

3 个答案: