HTMLMediaElement: pause 事件

基线 广泛可用

此功能已很好地建立起来，并且适用于许多设备和浏览器版本。它从以下日期起在所有浏览器中可用 2015 年 7 月.

当处理暂停活动的请求并且活动已进入暂停状态时，会发送 pause 事件，最常见的是在通过调用元素的 pause() 方法暂停媒体后。

在 pause() 方法返回之后，并且媒体元素的 paused 属性已更改为 true 之后，将发送此事件。

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

语法

在像 addEventListener() 这样的方法中使用事件名称，或者设置事件处理程序属性。

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

onpause = (event) => {};

事件类型

一个通用的 Event。

示例

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

使用 addEventListener()

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

video.addEventListener("pause", (event) => {
  console.log(
    "The Boolean paused property is now 'true'. Either the pause() method was called or the autoplay attribute was toggled.",
  );
});

使用 onpause 事件处理程序属性

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

video.onpause = (event) => {
  console.log(
    "The Boolean paused property is now 'true'. Either the pause() method was called or the autoplay attribute was toggled.",
  );
};

规范

规范
HTML 标准
# event-media-pause
HTML 标准
# handler-onpause

浏览器兼容性

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

另请参阅