ContextQMD
Back to Content

DevicePosture: change event

files/en-us/web/api/deviceposture/change_event/index.md

latest1.2 KB
Original Source

{{APIRef("Device Posture API")}}{{SeeCompatTable}}

The change event of the {{domxref("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 {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.

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

onchange = (event) => { }

Event type

A generic {{domxref("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

{{Specifications}}

Browser compatibility

{{Compat}}

See also