我正在尝试使此 if 语句满足满足 mediaQuery 并检查正文是否包含特定类名的要求。但它会导致默认为 else 语句,“低于 799px”。我怎样才能使这个 if 语句起作用?...干杯!
const mediaQueryList = window.matchMedia('(min-width: 50em)')
function() {
//do stuff
}
function handleDeviceChange(e) {
if (e.matches && document.body.classList.contains('className') {
console.log('Media Query above 800px')
function();
} else {
console.log('Media Query: lower then 799px')
}
}
mediaQueryList.addEventListener('change', handleDeviceChange);
handleDeviceChange(mediaQueryList);