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');
}

Answer 2

你的意思是这样的吗？

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

在alternbativa中，您可以使用BIND和UNBIND函数来启用和禁用该事件，但我个人不建议您这样做。

删除屏幕大小的esc功能

2 个答案: