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

規範

規範
Battery Status API
# dfn-chargingchange
Battery Status API
# dom-batterymanager-onchargingchange

瀏覽器相容性

另見