js 检测手机横竖屏

RightHereWaitingFY

于 2021-04-14 14:39:53 发布

阅读量249

点赞数

CC 4.0 BY-SA版权

分类专栏： Js

本文链接：https://blog.youkuaiyun.com/luyundesign/article/details/115698381

Js 专栏收录该内容

39 篇文章

订阅专栏

这段代码用于检测浏览器窗口的横竖屏状态。通过监听窗口的'load'和'orientationchange'事件，实时更新横竖屏信息。当window.orientation为0或180时，表示处于竖屏；为90或-90时，表示处于横屏。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 检测横竖屏
var orient = ''
function checkOrient() {
    if (window.orientation == 0 ){
        orient = 'portrait 0 right';
    } else if (window.orientation == 180){
        orient = 'portrait 180 left';
    } else if (window.orientation == 90 || window.orientation == -90){
        orient = 'landscape';
    }
}
// 添加事件监听
window.addEventListener('load', function () {
    checkOrient()
    alert(orient)
})
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() {
    checkOrient()
    alert(orient)
})