ScreenOrientation：更改事件

基线 2023

新推出

自 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

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。