デバイスの回転方向を取得

デバイスの回転方向を取得するには、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);

JavaScript逆引きリファレンス一覧へ戻る