InterfaceOrientation · Html5+參考

# [InterfaceOrientation]() 獲取應用的橫豎屏信息 ### 方法： - [window.orientation](http://www.dcloud.io/docs/api/zh_cn/interface-orientation.shtml#plus.InterfaceOrientation.window.orientation): 獲取當前設備橫豎屏狀態 ### 事件： - [orientationchange](http://www.dcloud.io/docs/api/zh_cn/interface-orientation.shtml#plus.InterfaceOrientation.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> ~~~