僅在激活選項卡時運行事件

Question

我想在標簽被activated時做一些事情

onvisibilitychange在頁面被activated和停用時de-activated

我只需要第一個選項，例如：

document.onactivate = function(){ 
  console.log("index.php is visible");
};

有什么幫助嗎？

Answer 1

您可以檢查文檔的visibilityState 。 該事件將在頁面被激活和停用時觸發，但是，這允許您僅在頁面被激活時運行代碼，即：可見。

document.addEventListener("visibilitychange", function() {
  if (document.visibilityState === "visible") {
    // code when page is visible
    console.log("index.php is visible");
  }
});

Answer 2

使用條件檢查可見

 document.addEventListener("visibilitychange", function handleVisibilityChange() { if (.document.hidden) { console.log("index;php is visible"), } }; false);