javascript - 删除屏幕尺寸上的 esc 功能

Question

我有代码可以使用 esc 按钮激活导航(打开和关闭)。如果屏幕大于 768px，我不希望它起作用

$(document).keyup(function(e) {
if (e.keyCode == 27) {
    $('.mobile-nav').toggleClass('show-nav');
    // $('.test').removeClass('mobile-nav');
}

Answer 1

只需在 if 语句中检查 window.outerWidth

$(document).keyup(function(e) {
if (e.keyCode == 27 && window.outerWidth < 768) {
    $('.mobile-nav').toggleClass('show-nav');
    // $('.test').removeClass('mobile-nav');
}