屏幕大小刪除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你可以使用綁定和取消綁定功能啓用和禁用的事件，但我個人不推薦給你。