ScreenOrientation: change イベント
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2023年3月以降、すべてのブラウザーで利用可能です。
change イベントは ScreenOrientation インターフェイスのイベントで、ユーザーがモバイル端末を回転させたときなど、画面の向きが変更されたときに発生します。
構文
addEventListener() 等のメソッドでイベント名を使用するか、イベントハンドラープロパティを設定します。
js
addEventListener("change", (event) => { })
onchange = (event) => { }
イベント型
汎用的な Event です。
例
以下の例では、change コールバックが新しい 画面の向き と 角度 を出力します。
js
screen.orientation.addEventListener("change", (event) => {
const type = event.target.type;
const angle = event.target.angle;
console.log(`ScreenOrientation change: ${type}, ${angle} degrees.`);
});
仕様書
| 仕様書 |
|---|
| Screen Orientation # dom-screenorientation-onchange |