ContentVisibilityAutoStateChangeEvent: skipped ããããã£

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.

skipped ã¯ ContentVisibilityAutoStateChangeEvent ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®èªã¿åãå°ç¨ããããã£ã§ãã¦ã¼ã¶ã¼ã¨ã¼ã¸ã§ã³ããè¦ç´ ã®ã³ã³ãã³ããã¹ãããããå ´åã¯ true ãè¿ããããã§ãªãå ´åã¯ false ãè¿ãã¾ãã

å¤

ä¾

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) {
  // â¦
}