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 Full support ≤79Firefox ? IE ? Opera ? Safari ? WebView Android Full support YesChrome Android Full support YesFirefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android Full support Yes


Full support  
Full support
Compatibility unknown  
Compatibility unknown

See also