此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

ContentVisibilityAutoStateChangeEvent:skipped 属性

基线 2024
最近可用

自 September 2024 起,此特性已在最新浏览器中得到支持。但在较旧的设备或浏览器中可能无法运行。

若用户代理跳过元素内容,则 ContentVisibilityAutoStateChangeEvent 接口的只读属性 skipped 返回 true,否则返回 false

布尔值。若用户代理跳过元素内容则返回 true,否则返回 false

示例

js
const canvasElem = document.querySelector("canvas");

canvasElem.addEventListener("contentvisibilityautostatechange", stateChanged);
canvasElem.style.contentVisibility = "auto";

function stateChanged(event) {
  if (event.skipped) {
    stopCanvasUpdates(canvasElem);
  } else {
    startCanvasUpdates(canvasElem);
  }
}

// 在画布需要开始更新时调用此方法。
function startCanvasUpdates(canvas) {
  // …
}

// 在画布需要停止更新时调用此方法。
function stopCanvasUpdates(canvas) {
  // …
}

规范

规范
CSS Containment Module Level 2
# dom-contentvisibilityautostatechangeevent-skipped

浏览器兼容性

参见