Window: orientationchange 事件

已弃用：此功能不再推荐。尽管某些浏览器可能仍然支持它，但它可能已从相关的 Web 标准中移除，可能正在被弃用，或者可能仅出于兼容性目的而保留。避免使用它，并尽可能更新现有代码；请参阅本页面底部的兼容性表来指导您的决策。请注意，此功能可能随时停止工作。

当设备的方向发生变化时，将触发 orientationchange 事件。

此事件不可取消，也不冒泡。

此事件已弃用。请改用 change ScreenOrientation 接口的事件。

语法

在诸如 addEventListener() 的方法中使用事件名称，或设置事件处理程序属性。

js
addEventListener("orientationchange", (event) => {});

onorientationchange = (event) => {};

事件类型

一个通用的 Event。

示例

您可以在 addEventListener 方法中使用 orientationchange 事件

js
window.addEventListener("orientationchange", (event) => {
  console.log(
    `the orientation of the device is now ${event.target.screen.orientation.angle}`,
  );
});

或使用 onorientationchange 事件处理程序属性

js
window.onorientationchange = (event) => {
  console.log(
    `the orientation of the device is now ${event.target.screen.orientation.angle}`,
  );
};

规范

规范
兼容性标准
# event-orientationchange

浏览器兼容性

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