TextTrackList: change event

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


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


Specification Status
HTML Living Standard
The definition of 'change' in that specification.
Living Standard

Browser compatibility

Update compatibility data on GitHub
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
change_eventChrome Full support YesEdge ? Firefox ? IE ? Opera ? Safari ? WebView Android Full support YesChrome Android Full support YesFirefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?


Full support Ā 
Full support
Compatibility unknown Ā 
Compatibility unknown

See also