DevicePosture: change event

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The change event of the DevicePosture interface fires when the device's posture changes, for example when a foldable device goes from folded to continuous posture.

Syntax

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

js
addEventListener("change", (event) => { })

onchange = (event) => { }

Event type

A generic Event.

Examples

js
const postureOutput = document.getElementById("currentPosture");

function reportPostureOutput() {
  // type property returns "continuous" or "folded"
  postureOutput.textContent = `Device posture: ${navigator.devicePosture.type}`;
}

navigator.devicePosture.addEventListener("change", reportPostureOutput);

Specifications

See also