BatteryManager：chargingchange 事件

安全上下文：此功能仅在安全上下文（HTTPS）中可用，在一些或所有支持的浏览器中可用。

当电池的charging属性更新时，BatteryManager接口的chargingchange事件将被触发。

语法

在诸如addEventListener()之类的事件中使用事件名称，或者设置事件处理程序属性。

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

onchargingchange = (event) => { }

事件类型

一个通用的Event.

示例

HTML

html
<div id="level">(battery level unknown)</div>
<div id="chargingTime">(charging time unknown)</div>

JavaScript

js
navigator.getBattery().then((battery) => {
  battery.onchargingchange = () => {
    document.querySelector("#level").textContent = battery.level;
    document.querySelector("#chargingTime").textContent = battery.chargingTime;
  };
});

规范

规范
电池状态 API
# ref-for-dfn-chargingchange-1
电池状态 API
# dom-batterymanager-onchargingchange

浏览器兼容性

BCD 表仅在启用 JavaScript 的浏览器中加载。

另请参见