运行函数的条件语句？

Question

我有一些在移动时运行的js。当浏览器高于768时，此功能不应运行。还有一种方法可以在香草js中恢复附加方法吗？

if (window.innerWidth < 768) { 
    mobileNav(); 
} else { 

} 

Answer 1

使用此条件中添加和删除手机菜单

var breakpoint = matchMedia("(min-width: 400px)") 
 
var message1 = document.createElement('p') 
 
var message2 = document.createElement('p') 
 

 
message1.innerText = 'the viewport is at least 400 pixels wide' 
 
message2.innerText = 'the viewport is less than 400 pixels wide' 
 

 
function render() { 
 
    if (breakpoint.matches) { 
 
     // the viewport is at least 400 pixels wide 
 
     // add mobileNav() 
 
     message2.remove() 
 
     document.body.append(message1) 
 
    } else { 
 
     // the viewport is less than 400 pixels wide 
 
     // remove mobile nav 
 
     message1.remove() 
 
     document.body.append(message2) 
 
    } 
 
} 
 

 
render() // render initial 
 
breakpoint.onchange = render // as well on changes