zoukankan      html  css  js  c++  java
  • js-判断移动端用户是横屏放的还是竖屏放的

    在一些移动端页面中,页面的样式我们就支持竖屏播放,这时我们就需要判断是横屏还是竖屏了,不同的方向显示冉的样式。

    
    
    //判断手机横屏竖屏
                var html = "";
                window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() {
                    if(window.orientation === 180 || window.orientation === 0) {
                          alert('竖屏状态!');
                        var ele = document.getElementsByClassName("henping")[0];
                        ele.style.display = "none";
    
                    }
                    if(window.orientation === 90 || window.orientation === -90) {
                        alert('横屏状态!');
                        var ele = document.createElement("div");
                        ele.setAttribute("class", "henping");
                        var tet = document.createTextNode("请使用竖屏浏览");
                        ele.appendChild(tet);
                        ele.addEventListener("touchstart", cancle);
                        ele.addEventListener("touchmove", cancle);
                        document.body.appendChild(ele)
                        function cancle(e) {
                            e.preventDefault();
                        }
                    }
                }, false);
    
    
    
     
  • 相关阅读:
    RTP 控制协议
    非关系型数据库
    关系型数据库
    处理海量数据
    处理大并发
    C++ 模板偏特化-来自STL的思考
    C++详解new/delete
    二分算法来相会
    计算机网络知识点总结
    C++字符串类型转换
  • 原文地址:https://www.cnblogs.com/liuqingxia/p/8522162.html
Copyright © 2011-2022 走看看