js监听屏幕变化

// 示例代码：监听窗口大小变化
window.addEventListener('resize', function() {
    console.log('窗口大小发生变化');
    // 在这里可以执行相应的操作，比如重新计算布局
});

// 示例代码：监听屏幕方向变化
function handleOrientationChange() {
    switch (window.orientation) {
        case 0:
            console.log('屏幕方向：竖屏');
            break;
        case 90:
        case -90:
            console.log('屏幕方向：横屏');
            break;
        case 180:
        case -180:
            console.log('屏幕方向：倒置竖屏');
            break;
    }
}

window.addEventListener('resize', handleOrientationChange);
window.addEventListener('orientationchange', handleOrientationChange); // 兼容性处理

// 示例代码：使用防抖函数优化resize事件处理
function debounce(func, wait) {
    let timeout;
    return function() {
        clearTimeout(timeout);
        timeout = setTimeout(() => func.apply(this, arguments), wait);
    };
}

window.addEventListener('resize', debounce(function() {
    console.log('窗口大小发生变化（优化后）');
}, 300));