Thanks to visit codestin.com
Credit goes to developer.mozilla.org

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Window: orientationchange イベント

非推奨;: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

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

このイベントはキャンセル不可で、バブリングもしません。

このイベントは非推奨です。代わりに、ScreenOrientation インターフェイスの change イベントを待ち受けしてください。

構文

このイベント名を addEventListener() などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。

js
addEventListener("orientationchange", (event) => { })

onorientationchange = (event) => { }

イベント型

一般的な Event です。

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

js
window.addEventListener("orientationchange", (event) => {
  console.log(
    `端末の向きが ${event.target.screen.orientation.angle} になりました。`,
  );
});

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

js
window.onorientationchange = (event) => {
  console.log(
    `端末の向きが ${event.target.screen.orientation.angle} になりました。`,
  );
};

仕様書

Specification
Compatibility
# event-orientationchange

ブラウザーの互換性