Back to Content

TextTrackCue: enter event

files/en-us/web/api/texttrackcue/enter_event/index.md

latest729 B
Original Source

{{APIRef("WebVTT")}}

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 {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.

js-nolint
addEventListener("enter", (event) => { })

onenter = (event) => { }

Event type

A generic {{DOMxRef("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

{{Specifications}}

Browser compatibility

{{Compat}}