HTMLMediaElement: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 的浏览器中加载。
相关事件
- HTMLMediaElement
playing
事件 - HTMLMediaElement
waiting
事件 - HTMLMediaElement
seeking
事件 - HTMLMediaElement
seeked
事件 - HTMLMediaElement
ended
事件 - HTMLMediaElement
loadedmetadata
事件 - HTMLMediaElement
loadeddata
事件 - HTMLMediaElement
canplay
事件 - HTMLMediaElement
canplaythrough
事件 - HTMLMediaElement
durationchange
事件 - HTMLMediaElement
timeupdate
事件 - HTMLMediaElement
play
事件 - HTMLMediaElement
pause
事件 - HTMLMediaElement
ratechange
事件 - HTMLMediaElement
suspend
事件 - HTMLMediaElement
emptied
事件 - HTMLMediaElement
stalled
事件