TextTrackList: addtrack 事件

基线 广泛可用

此功能已发展成熟，并在许多设备和浏览器版本上都能正常运行。它从 2015 年 7 月.

报告反馈

语法

当轨道被添加到 TextTrackList 时，将触发 addtrack 事件。

在诸如 addEventListener() 之类的事件处理程序属性中使用事件名称。
addEventListener("addtrack", (event) => {});

onaddtrack = (event) => {};

事件类型

js

Event TrackEvent

事件属性

一个 TrackEvent。继承自 Event。

除了下面列出的属性外，还可以使用父接口 Event 中的属性。

track 只读

示例

与事件相关的 TextTrack 对象。

在诸如 addEventListener() 之类的事件处理程序属性中使用事件名称。
const mediaElement = document.querySelector("video, audio");

mediaElement.textTracks.addEventListener("addtrack", (event) => {
  console.log(`Text track: ${event.track.label} added`);
});

使用 addEventListener()

在诸如 addEventListener() 之类的事件处理程序属性中使用事件名称。
const mediaElement = document.querySelector("video, audio");

mediaElement.textTracks.onaddtrack = (event) => {
  console.log(`Text track: ${event.track.label} added`);
};

规范

使用 onaddtrack 事件处理程序属性
规范
# HTML 标准
规范
# event-media-addtrack

浏览器兼容性

handler-tracklist-onaddtrack

另请参阅