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.

js
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.

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

Specifications

Specification
HTML
# event-media-enter
HTML
# handler-texttrackcue-onenter

Browser compatibility