DevicePosture: change 事件
当设备的姿态发生变化时，DevicePosture 接口的 change 事件就会触发。例如，当一个可折叠设备从 folded 姿态变为 continuous 姿态时。
语法
在诸如 addEventListener() 之类的方法中使用事件名称，或设置事件处理程序属性。
js
addEventListener("change", (event) => { })
onchange = (event) => { }
事件类型
一个通用的 Event。
示例
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);
规范
| 规范 |
|---|
| 设备姿态 API # dom-deviceposture-onchange |
浏览器兼容性
加载中…
另见
- CSS
device-posture@media特性 - 设备姿态 API
- developer.chrome.com 上的折叠 API 来源试用 (2024)