ScreenOrientation: change イベント
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 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.`);
});
仕様書
| Specification |
|---|
| Screen Orientation # dom-screenorientation-onchange |