Window: orientationchange 事件

已弃用:此特性不再推荐。虽然某些浏览器可能仍然支持它,但它可能已经从相关的网络标准中删除,可能正在删除过程中,或者可能仅为兼容性目的而保留。请避免使用它,如果可能,请更新现有代码;请参阅本页底部的兼容性表格以指导您的决策。请注意,此特性可能随时停止工作。

当设备方向更改时,会触发 orientationchange 事件。

此事件不可取消,也不会冒泡。

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

语法

在诸如 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

浏览器兼容性