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

浏览器兼容性