BatteryManager: sự kiện levelchange

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

Sự kiện levelchange của giao diện BatteryManager được kích hoạt khi thuộc tính level của pin được cập nhật.

Cú pháp

Dùng tên sự kiện trong các phương thức như addEventListener(), hoặc đặt một thuộc tính trình xử lý sự kiện.

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

onlevelchange = (event) => { }

Kiểu sự kiện

Một Event tổng quát.

Ví dụ

HTML

html
<div id="level">(battery level unknown)</div>
<div id="stateBattery">(charging state unknown)</div>

JavaScript

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

    if (battery.charging) {
      document.querySelector("#stateBattery").textContent = `Charging time: ${
        battery.chargingTime / 60
      }`;
    } else {
      document.querySelector("#stateBattery").textContent =
        `Discharging time: ${battery.dischargingTime / 60}`;
    }
  };
});

Thông số kỹ thuật

Specification
Battery Status API
# dfn-levelchange
Battery Status API
# dom-batterymanager-onlevelchange

Tương thích trình duyệt

Xem thêm