文章来源于网络收集而来，版权归原创者所有，如有侵权请及时联系！
InterfaceOrientation
获取应用的横竖屏信息
方法：
- window.orientation: 获取当前设备横竖屏状态
事件：
- orientationchange: 当屏幕旋转时的通知事件
window.orientation
获取当前设备横竖屏状态
var screen_orientation = window.orientation;
参数：
无
返回值：
number : 0 正常方向 -90 屏幕顺时钟旋转90度 90 屏幕逆时针旋转90度 180 屏幕旋转180度平台支持：
- Android - 2.2+ (支持) :
支持
- iOS - 4.3+ (支持) :
支持
orientationchange
当屏幕旋转时的通知事件
document.addEventListener("orientationchange", orientationchangeCB);
说明：
orientationchangeCB 类型
平台支持：
- Android - 2.2+ (支持) :
支持
- iOS - 4.3+ (支持) :
支持
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<title>Orientation Example</title>
</head>
<body style="background:#0f0" >
<button onclick="plus.webview.currentWebview().close()">Close</button><br/>
<button onclick="getOrientation()">Get orientation</button>
<div id="output"></div>
<script type="text/javascript" >
function updateOrientation() {
var displayStr = "Orientation : ";
switch(window.orientation)
{
case 0:
displayStr += "Portrait";
break;
case -90:
displayStr += "Landscape (right, screen turned clockwise)";
break;
case 90:
displayStr += "Landscape (left, screen turned counterclockwise)";
break;
case 180:
displayStr += "Portrait (upside-down portrait)";
break;
}
document.getElementById("output").innerHTML = displayStr;
console.log(displayStr);
}
//Get initialize orientation.
document.addEventListener("orientationchange",updateOrientation,false);
window.addEventListener("orientationchange",updateOrientation,false)
function getOrientation(){
var str="Orientation: "+window.orientation;
console.log(str);
alert(str);
}
</script>
</body>
</html>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。