デバイスの回転方向を取得
デバイスの回転方向を取得するには、window.orientation
プロパティを使用します。
構文
var result = window.onorientation;
戻り値
回転の向き(角度)を返します。
回転の向き(角度)
戻り値 | 向き(角度) |
---|---|
0 | 通常(縦) |
90 | 右90度(横) |
-90 | 左90度(横) |
180 | 逆さ180度(縦) |
サンプルコード
JavaScript
var checkOrientation = function() {
var isWinOrientation = false, isWinSize = false, result = false;
if (window.innerWidth < window.innerHeight) {
isWinSize = true;
}
if (window.orientation % 180 === 0) {
isWinOrientation = true;
}
if (isWinOrientation && isWinSize) {
result = 'landscape';
} else if (!isWinOrientation && !isWinSize) {
result = 'portrait';
}
return result;
};
window.addEventListener('resize orientationchange', function() {
var orientation = checkOrientation();
console.log(orientation);
}, false);