js监听手机横屏

window.addEventListener('orientationchange', function() {
    if (window.orientation === 90 || window.orientation === -90) {
        console.log('当前为横屏');
        // 在此处添加横屏时的处理逻辑
    } else {
        console.log('当前非横屏');
        // 在此处添加非横屏时的处理逻辑
    }
});

function checkOrientation() {
    const width = window.innerWidth;
    const height = window.innerHeight;
    if (width > height) {
        console.log('当前为横屏');
        // 在此处添加横屏时的处理逻辑
    } else {
        console.log('当前非横屏');
        // 在此处添加非横屏时的处理逻辑
    }
}

// 监听resize事件
window.addEventListener('resize', checkOrientation);

// 初始化时检查一次方向
checkOrientation();

function throttle(func, delay) {
    let timer = null;
    return function() {
        if (!timer) {
            timer = setTimeout(() => {
                func.apply(this, arguments);
                timer = null;
            }, delay);
        }
    };
}

function checkOrientationThrottled() {
    const width = window.innerWidth;
    const height = window.innerHeight;
    if (width > height) {
        console.log('当前为横屏');
    } else {
        console.log('当前非横屏');
    }
}

window.addEventListener('resize', throttle(checkOrientationThrottled, 200));
checkOrientationThrottled(); // 初始化检查