ScreenOrientation: change 事件

Baseline 已廣泛支援

此功能已成熟,並可在許多裝置和瀏覽器版本上執行。自 2023 年 3 月以來,它已在各種瀏覽器中可用。

當螢幕方向發生變化時,例如使用者旋轉行動電話時,ScreenOrientation 介面的 change 事件就會觸發。

語法

在諸如 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.`);
});

規範

規範
螢幕方向
# dom-screenorientation-onchange

瀏覽器相容性