blob: f001643ddb4cad0e0d77d0ec9a48068fe49e0f45 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
|
---
title: BatteryManager.onlevelchange
slug: Web/API/BatteryManager/onlevelchange
browser-compat: api.BatteryManager.onlevelchange
translation_of: Web/API/BatteryManager/onlevelchange
---
{{deprecated_header}} {{APIRef("Battery API")}}
La propiedad **`BatteryManager.onlevelchange`** especifica un detector
de eventos para recibir eventos de {{event("levelchange")}}. Estos eventos ocurren
cuando el {{domxref("BatteryManager.level", "level")}} de batería se actualiza.
## Sintaxis
```js
navigator.battery.onlevelchange = funcRef;
```
Donde `battery` es un objecto {{domxref("BatteryManager")}},
y `funcRef` es una función que se convoca cuando el evento de {{event("levelchange")}} sucede.
## Ejemplo
### Contenido HTML
```html
<div id="level">(nivel de batería desconocido)</div>
<div id="stateBattery">(estado de carga desconocido)</div>
```
### Contenido JavaScript
```js
navigator.getBattery().then(function(battery) {
battery.onlevelchange = function(){
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);
}
};
});
```
### Resultado
{{EmbedLiveSample('Example', '100%', 40)}}
## Especificaciones
{{Specifications}}
## Compatibilidad con navegadores
{{Compat}}
## Véase también
- {{domxref("BatteryManager")}}
- {{domxref("Navigator.getBattery")}}
|
