A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.cdn.mozilla.net/zh-CN/docs/Web/API/HTMLTrackElement/cuechange_event below:

HTMLTrackElement:cuechange 事件 - Web API

HTMLTrackElement:cuechange 事件

Baseline Widely available

cuechange 事件在 TextTrack 更改当前显示提示(cue)时触发。此事件在 TextTrack 和显示它的 HTMLTrackElement(如果有的话)上触发。

语法

在像 addEventListener() 这样的方法中使用此事件名,或设置事件处理器属性。

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

oncuechange = (event) => {};
事件类型

没有添加属性的通用 Event。

示例

每当当前呈现的 cue 更改时,由 track 属性指示的底层 TextTrack 会接收 cuechange 事件。即使轨道并未与媒体元素关联,也会发生。

如果轨道和媒体元素是关联的,使用 <track> 元素作为 <audio> 或 <video> 的子元素,cuechange 事件也发送给 HTMLTrackElement。

let textTrackElem = document.getElementById("texttrack");

textTrackElem.addEventListener("cuechange", (event) => {
  let cues = event.target.track.activeCues;
});

或者,你可以使用 oncuechange 事件处理器。

let textTrackElem = document.getElementById("texttrack");

textTrackElem.oncuechange = (event) => {
  let cues = event.target.track.activeCues;
};
规范 浏览器兼容性 参见

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4