TextTrackList: change-Ereignis
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Oktober 2018 browserübergreifend verfügbar.
Das change-Ereignis wird ausgelöst, wenn ein Text-Track aktiviert oder deaktiviert wird oder sich eine TextTrackList anderweitig ändert.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
js
addEventListener("change", (event) => { })
Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:
js
onchange = (event) => { }
Ereignistyp
Ein generisches Event ohne zusätzliche Eigenschaften.
Beispiele
Verwendung von addEventListener():
js
const mediaElement = document.querySelectorAll("video, audio")[0];
mediaElement.textTracks.addEventListener("change", (event) => {
console.log(`'${event.type}' event fired`);
});
Verwendung der Event-Handler-Eigenschaft onchange (beachten Sie jedoch, dass dadurch gegebenenfalls andere mit onchange hinzugefügte Event-Listener ersetzt werden):
js
const mediaElement = document.querySelector("video, audio");
mediaElement.textTracks.onchange = (event) => {
console.log(`'${event.type}' event fired`);
};
Spezifikationen
| Spezifikation |
|---|
| HTML # event-media-change |
| HTML # handler-tracklist-onchange |
Browser-Kompatibilität
Siehe auch
- Verwandte Ereignisse:
addtrack,removetrack - Dieses Ereignis für
VideoTrackList-Ziele:change - Dieses Ereignis für
AudioTrackList-Ziele:change - Media Capture and Streams API
- WebRTC