HTMLMediaElement：durationchange 事件

基线 广泛可用

此功能已得到很好的确立，并且可以在许多设备和浏览器版本中使用。它自以下时间以来在所有浏览器中都可用 2015 年 7 月.

当duration属性已更新时，将触发durationchange事件。

语法

在诸如addEventListener()之类的 method 中使用事件名称，或设置事件处理程序属性。

js
addEventListener("durationchange", (event) => {});

ondurationchange = (event) => {};

事件类型

一个通用的Event。

示例

这些示例为 HTMLMediaElement 的durationchange事件添加了一个事件侦听器，然后在该事件处理程序对事件触发做出反应时发布一条消息。

使用addEventListener()

js
const video = document.querySelector("video");

video.addEventListener("durationchange", (event) => {
  console.log("Not sure why, but the duration of the video has changed.");
});

使用ondurationchange事件处理程序属性

js
const video = document.querySelector("video");

video.ondurationchange = (event) => {
  console.log("Not sure why, but the duration of the video has changed.");
};

规范

规范
HTML 标准
# event-media-durationchange
HTML 标准
# handler-ondurationchange

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅