Window: orientationchange イベント

orientationchange イベントは、端末の向きが変化した時に発生します。

バブリング なし
キャンセル 不可
インターフェイス Event
イベントハンドラー onorientationchange

orientationchange イベントは addEventListener メソッドで使用することができます。

window.addEventListener("orientationchange", function() {
  console.log("端末の向きが " + screen.orientation.angle + "になりました。");
});

または、 onorientationchange イベントハンドラープロパティを使用します。

window.onorientationchange = function() { 
  console.log("端末の向きが " + screen.orientation.angle + "になりました。");
};

仕様書

Specification Status
Compatibility Standard
orientationchange の定義
現行の標準

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
orientationchange event
非推奨
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 44Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応
未対応  
未対応
非推奨。新しいウェブサイトでは使用しないでください。
非推奨。新しいウェブサイトでは使用しないでください。