ContentVisibilityAutoStateChangeEvent: skipped property

Baseline 2024

Newly available

Since ⁨September 2024⁩, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

The skipped read-only property of the ContentVisibilityAutoStateChangeEvent interface returns true if the user agent skips the element's contents, or false otherwise.

Value

A boolean. Returns true if the user agent skips the element's contents, or false otherwise.

Examples

const canvasElem = document.querySelector("canvas");  canvasElem.addEventListener("contentvisibilityautostatechange", stateChanged); canvasElem.style.contentVisibility = "auto";  function stateChanged(event) {   if (event.skipped) {     stopCanvasUpdates(canvasElem);   } else {     startCanvasUpdates(canvasElem);   } }  // Call this when the canvas updates need to start. function startCanvasUpdates(canvas) {   // … }  // Call this when the canvas updates need to stop. function stopCanvasUpdates(canvas) {   // … }