DevicePosture: change event

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Want more browser support for this feature? Tell us why.

See full compatibility
Learn more

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 addEventListener():

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

Alternatively, assign to the event handler property of the interface:

onchange = (event) => { }

Event type

A generic Event.

Examples

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);