js监视移动设备屏幕翻转事件

在window上面绑定onorientationchange事件即可监控屏幕角度变化,根据需要进行动态加载css样式或者刷新页面等操作。

 1 window.onorientationchange = function(){
 2     window.location.reload(true); //刷新操作
 3     switch(window.orientation){
 4         case -90:
 5         case 90:
 6             alert("横屏:" + window.orientation);
 7         break;
 8         case 0:
 9         case 180:
10             alert("竖屏:" + window.orientation);
11         break;
12         }
13 }

 

posted @ 2015-08-19 15:15  杜偉  阅读(474)  评论(0)    收藏  举报