W3cubDocs

/Web APIs

TextTrackCue: enter event

The enter event fires when a cue becomes active. In the case of subtitles or a caption this is when it displays over the media.

Syntax

Use the event name in methods like addEventListener(), or set an event handler property.

js

addEventListener("enter", (event) => {});

onenter = (event) => {};

Event type

A generic Event with no added properties.

Example

In the following example, cue1 prints to the console when it is the active cue.

js

cue1.addEventListener("enter", (event) => {
  console.log("Cue 1 has displayed");
});

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
enter_event 23 12 31 10 ≤12.1 6 4.4 25 31 ≤12.1 7 1.5

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/TextTrackCue/enter_event