Screen.orientation
Experimental: 這是一個實驗中的功能
此功能在某些瀏覽器尚在開發中,請參考兼容表格以得到不同瀏覽器用的前輟。
Screen.orientation
屬性可以取得螢幕目前的方向。
語法
var orientation = window.screen.orientation.type;
回傳值
回傳值為一個代表螢幕方向的字串,可能是 portrait-primary
、portrait-secondary
、landscape-primary
或 landscape-secondary
(請參考 lockOrientation
以瞭解更多資訊)。
範例
var orientation = screen.orientation || screen.mozOrientation || screen.msOrientation;
if (orientation.type === "landscape-primary") {
console.log("That looks good.");
} else if (orientation.type === "landscape-secondary") {
console.log("Mmmh... the screen is upside down!");
} else if (orientation.type === "portrait-secondary" || orientation.type === "portrait-primary") {
console.log("Mmmh... you should rotate your device to landscape");
}
規範
Specification |
---|
Screen Orientation # dom-screen-orientation |
瀏覽器相容性
BCD tables only load in the browser