JS 判断手机横屏还是直屏

最新推荐文章于 2023-05-25 10:24:30 发布

原创最新推荐文章于 2023-05-25 10:24:30 发布 · 235 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

JS 专栏收录该内容

32 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现屏幕方向变化侦测的方法，并提供了一个简单的示例代码。该方法通过监听窗口的orientationchange事件来判断设备当前的方向，并根据不同情况执行相应的布局调整。

查了不少资料，最后结论如下： 
复制代码 代码如下: 
function orientationChange(){ 
switch(window.orientation) { 
case 0: // Portrait 
case 180: // Upside-down Portrait 
// Javascript to setup Portrait view 
break; 
case -90: // Landscape: turned 90 degrees counter-clockwise 
case 90: // Landscape: turned 90 degrees clockwise 
// Javascript to steup Landscape view 
break; 
} 
} 
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", orientationChange, false);