删除屏幕尺寸上的ESC功能

Question

我有代码，该代码可以激活导航(打开和关闭(。如果屏幕大于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中，您可以使用绑定和解开函数来启用和禁用事件，但我个人不建议您。