原生JS如何监听移动设备屏幕横竖屏的旋转

window.orientation 对象在手机上才可生效。

<script type="text/javascript">
    var evt = "onorientationchange" in window ? "orientationchange" : "resize";
    window.addEventListener(evt,resize,false);
        function resize(fals) {
            if(window.orientation == 0 || window.orientation == 180) {
                    alert("竖屏");
                }else {
                    alert("横屏");
            }
        }
    resize(true);
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容