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