Javascript 如何激活我的"；“非帆布”；按键盘上的键时进行导航

我一直在寻找一种方法，当我按下“M”键时激活我的“离开画布”导航

更具体地说，当我按下键盘上的“M”键时，我希望我的“离开画布”导航滑入或滑出

我已经完成了“离开画布”导航的基本功能。我只是被按键卡住了

---

谢谢

我对这个插件有很好的体验。使用它，您可以轻松地绑定按键/组合，并使用它执行代码。除其他外，它会自动处理输入是否集中（在这种情况下，您不希望执行keybind）

在没有看到您的代码的情况下，我猜offcanvas navigation是指您在移动页面中看到的导航菜单，通过按下按钮打开

在这种情况下，您可以使用以下选项：

Mousetrap.bind('m', function() { 
    $("#your_menu_toggle_button").trigger("click");
});

---

如果您不关心哪个元素具有焦点，那么可以将事件处理程序绑定到窗口

// Jquery:
$(window).on('keypress', callBack);
// JS:
window.onkeypress = callBack;

然后检查钥匙（）

然后，您需要定义如何激活导航以及如何停用导航。 您正在谈论将其滑入，因此我假设您现在想使用类似JQuerys slideToggle（）的功能：

...
/* logic here */
$('#offCanvasNav').animate({height: 'toggle'}); 
// same as .slideToggle() change height for width for sideways slide

-

什么是

“非画布”导航

？请分享你的代码。

...
/* logic here */
$('#offCanvasNav').animate({height: 'toggle'}); 
// same as .slideToggle() change height for width for sideways slide