屏幕大小删除esc功能

Question

我有代码，使esc按钮来激活导航（打开和关闭）。我不希望它的工作，如果屏幕大于768px

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

Answer 1

在短短检查window.outerWidth您的if语句

$(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你可以使用绑定和取消绑定功能启用和禁用的事件，但我个人不推荐给你。