The change
event is fired when a text track is made active or inactive, or a textTrackList
is otherwise changed.
Bubbles | No |
Cancelable | No |
Interface | Event
|
Event handler property | onchange
|
Examples
Using addEventListener()
:
const mediaElement = document.querySelectorAll('video, audio')[0];
mediaElement.textTracks.addEventListener('change', (event) => {
console.log(`'${event.type}' event fired`);
});
Using the onchange
event handler property:
const mediaElement = document.querySelector('video, audio');
mediaElement.textTracks.onchange = (event) => {
console.log(`'${event.type}' event fired`);
};
Specifications
Specification | Status |
HTML Living StandardThe definition of 'change' in that specification. | Living Standard |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
change event
|
Chrome
Full support Yes |
Edge
Full support ≤79 |
Firefox
? |
IE
? |
Opera
? |
Safari
? |
WebView Android
Full support Yes |
Chrome Android
Full support Yes |
Firefox Android
? |
Opera Android
? |
Safari iOS
? |
Samsung Internet Android
Full support Yes |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown
See also
- Related events:
addtrack
,removetrack
- This event on
VideoTrackList
targets:change
- This event on
AudioTrackList
targets:change
- Media Streams API
- WebRTC
TextTrackList: change event by Mozilla Contributors is licensed under CC-BY-SA 2.5.