HTMLMediaElement:volumechange 事件

基线 广泛可用

此功能已得到充分确立,并且可在许多设备和浏览器版本中使用。它自以下时间起在浏览器中可用: 2015 年 7 月.

volume 属性或 muted 属性发生更改时,将触发 volumechange 事件。

此事件不可取消,也不冒泡。

语法

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

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

onvolumechange = (event) => {};

事件类型

一个通用的 Event

示例

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

使用 addEventListener()

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

video.addEventListener("volumechange", (event) => {
  console.log("The volume changed.");
});

使用 onvolumechange 事件处理程序属性

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

video.onvolumechange = (event) => {
  console.log("The volume changed.");
};

规范

规范
HTML 标准
# event-media-volumechange
HTML 标准
# handler-onvolumechange

浏览器兼容性

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

另请参阅