屏幕翻转后要干什么

最新推荐文章于 2025-09-05 11:22:47 发布

转载最新推荐文章于 2025-09-05 11:22:47 发布 · 84 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/haimingpro/p/3689381.html

文章标签：

#javascript #ViewUI

就像PC版的浏览器需要监听窗口缩放事件来作js居中一样，手机版屏幕翻转的时候也需要重新获取窗口宽度。

本来我原来已经用了bind orientationchange然后if(e.orientation)的方法，可能曾经测试的时候我引用了jquery.mobile吧，后来怎么翻转都alert不出来了。。

然后我把下文中的e去掉，if(window.orientation)就可以了。

监听方法如下：

匿名函数

$(window).bind( 'orientationchange', function(e){
        if(e.orientation){
          if(e.orientation == 'portrait'){
              alert(1);
              }
          else if(e.orientation == 'landscape') {
             alert(2);
            }
        }    
    });

回调函数

$(window).bind('orientationchange',_orientationChange);

function _orientationChange(e){
    
    switch (event.orientation){
            case 90:
            case -90:
                alert(1);
            break;
            case 0:
            case 180:
                alert(2);
            break;
    }
  }