zoukankan      html  css  js  c++  java
  • 横竖屏判断及禁止浏览器滑动条

    var $horizontal = $('.horizontal_screen') ;  //可自定义横屏模式提示样式
    var $document = $(document) ;
    var preventDefault = function(e) {
        e.preventDefault();
    };
    var touchstart = function(e) {
        $document.on('touchstart touchmove', preventDefault);
    };
    var touchend = function(e) {
        $document.off('touchstart touchmove', preventDefault);
    };
    
    function listener(type){
        if('add' == type){
            //竖屏模式
            $horizontal.addClass('hide');
            $document.off('touchstart', touchstart);
            $document.off('touchend', touchend);          
        }else{
            //横屏模式
            $horizontal.removeClass('hide');
            $document.on('touchstart', touchstart);
            $document.on('touchend', touchend);           
        }
    }
    function orientationChange(){
        switch(window.orientation) {
            //竖屏模式
            case 0:
            case 180:
                listener('add');
                break;
            //横屏模式
            case -90:
            case 90:
                listener('remove');
                break;
        }
    }
    
    $(window).on("onorientationchange" in window ? "orientationchange" : "resize", orientationChange); 
    
    $document.ready(function(){
        //以横屏模式进入界面,提示只支持竖屏
        if(window.orientation == 90 || window.orientation == -90){
            listener('remove');         
        }
    });                                        
    

      

  • 相关阅读:
    oracle改表语句
    pr视频过渡效果
    远程桌面连接
    kill-power
    Leetcode 466.统计重复个数
    Leetcode 464.我能赢吗
    Leetcode 462.最少移动次数使数组元素相等
    Leetcode 459.重复的子字符串
    Leetcode 458.可怜的小猪
    Leetcode 457.环形数组循环
  • 原文地址:https://www.cnblogs.com/hitbs228/p/3688723.html
Copyright © 2011-2022 走看看