在此页

• 范例
• 规范
• 浏览器兼容性
• 另请参阅
• 相关话题

change event is fired when an audio track is enabled or disabled, for example by changing the track's enabled 特性。

冒泡	No
可取消	No
接口	事件
事件处理程序特性	onchange

范例

使用 addEventListener() :

const videoElement = document.querySelector('video');
videoElement.audioTracks.addEventListener('change', (event) => {
    console.log(`'${event.type}' event fired`);
});
// changing the value of `enabled` will trigger the `change` event
const toggleTrackButton = document.querySelector('.toggle-track');
toggleTrackButton.addEventListener('click', () => {
  const track = videoElement.audioTracks[0];
  track.enabled = !track.enabled;
});
					

使用 onchange 事件处理程序特性：

const videoElement = document.querySelector('video');
videoElement.audioTracks.onchange = (event) => {
    console.log(`'${event.type}' event fired`);
};
// changing the value of `enabled` will trigger the `change` event
const toggleTrackButton = document.querySelector('.toggle-track');
toggleTrackButton.addEventListener('click', () => {
  const track = videoElement.audioTracks[0];
  track.enabled = !track.enabled;
});
					

规范

规范	状态
HTML 实时标准 The definition of 'change' in that specification.	实时标准

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
change event	Chrome 45 Disabled 45 Disabled Disabled From version 45: this feature is behind the enable-experimental-web-platform-features preference (needs to be set to enabled ). To change preferences in Chrome, visit chrome://flags.	Edge 79 Disabled 79 Disabled Disabled From version 79: this feature is behind the enable-experimental-web-platform-features preference (needs to be set to enabled ). 不支持 12 — 79	Firefox 33	IE 10	Opera 32 Disabled 32 Disabled Disabled From version 32: this feature is behind the enable-experimental-web-platform-features preference (needs to be set to enabled ).	Safari 6.1	WebView Android 45	Chrome Android 45 Disabled 45 Disabled Disabled From version 45: this feature is behind the enable-experimental-web-platform-features preference (needs to be set to enabled ). To change preferences in Chrome, visit chrome://flags.	Firefox Android 33	Opera Android 32 Disabled 32 Disabled Disabled From version 32: this feature is behind the enable-experimental-web-platform-features preference (needs to be set to enabled ).	Safari iOS 7	Samsung Internet Android No

图例

完整支持

完整支持

不支持

不支持

用户必须明确启用此特征。

用户必须明确启用此特征。

另请参阅

• 相关事件： addtrack , removetrack
• 此事件在 VideoTrackList 目标： change
• Media Streams API
• WebRTC API

元数据

• 最后修改： Jul 31, 2020

相关话题

1. AudioTrackList
2. 特性

   1. length
   2. onaddtrack
   3. onchange
   4. onremovetrack
3. 方法

   1. getTrackById()
4. 事件

   1. addtrack
   2. change
   3. removetrack
5. 继承：

   1. EventTarget