zoukankan      html  css  js  c++  java
  • HTML5javascript屏幕旋转事件:onorientationchange

    屏幕旋转事件:onorientationchange

    添加屏幕旋转事件侦听,可随时发现屏幕旋转状态(左旋、右旋还是没旋)

     判断屏幕是否旋转

    function orientationChange() {
    
        switch(window.orientation) {
    
          case 0: 
    
                alert("肖像模式 0,screen- " + screen.width + "; screen-height:" + screen.height);
    
                break;
    
          case -90: 
    
                alert("左旋 -90,screen- " + screen.width + "; screen-height:" + screen.height);
    
                break;
    
          case 90:   
    
                alert("右旋 90,screen- " + screen.width + "; screen-height:" + screen.height);
    
                break;
    
          case 180:   
    
              alert("风景模式 180,screen- " + screen.width + "; screen-height:" + screen.height);
    
              break;
    
        };
    
    };
    
    // 添加事件监听
    
    addEventListener('load', function(){
    
        orientationChange();
    
        window.onorientationchange = orientationChange;
    
    });
  • 相关阅读:
    typora 页内跳转
    shell脚本搭建redis集群
    Html
    python json模块
    jenkins 问题合集
    day05 每日一行
    day04 每次一行
    day03 每日一行
    day02
    day02 每日一行
  • 原文地址:https://www.cnblogs.com/ns10086/p/5078778.html
Copyright © 2011-2022 走看看