web api event
DevicePosture: change event
Limited availability
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.
addEventListener("change", (event) => { })
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);
Specifications
SpecificationsStandards references are available on the canonical MDN page.
Browser compatibility
Browser compatibilityCompatibility data is available on the canonical MDN page.
See also
- CSS
device-posture@mediafeature - Device Posture API
- Origin trial for Foldable APIs on developer.chrome.com (2024)