Window: orientationchange event

The orientationchange event is fired when the orientation of the device has changed.

This event is not cancelable and does not bubble.

This event is deprecated. Listen for the change event of the ScreenOrientation interface instead.

Syntax

Use the event name in methods like addEventListener(), or set an event handler property.

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

onorientationchange = (event) => { }

Event type

A generic Event.

Example

You can use the orientationchange event in an addEventListener method:

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

Or use the onorientationchange event handler property:

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

Specifications

Browser compatibility