W3cubDocs

/Web APIs

TextTrackCue: enter event

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

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.

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

onenter = (event) => { }

Event type

A generic Event with no added properties.

Example

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

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

Specifications

Browser compatibility

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

© 2005–2025 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