HTMLMediaElement: volumechange 事件

Baseline 已廣泛支援

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來，各瀏覽器均已提供此特性。

當 volume 屬性或 muted 屬性發生更改時，將觸發 volumechange 事件。

此事件不可取消，也不會冒泡。

語法

在諸如 addEventListener() 之類的方法中使用事件名稱，或設定事件處理程式屬性。

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

onvolumechange = (event) => { }

一個通用的 Event。

這些示例為 HTMLMediaElement 的 volumechange 事件添加了一個事件監聽器，然後在該事件處理程式響應事件觸發時釋出一條訊息。

使用 addEventListener()

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

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

使用 onvolumechange 事件處理程式屬性

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

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

規範
HTML # event-media-volumechange
HTML # handler-onvolumechange

此頁面最後修改於 2025年5月2日，由 MDN 貢獻者修改。