仅在激活选项卡时运行事件

Question

当标签页出现时我想做点什么activated

onvisibilitychange当页面是activated并且de-activated

我只需要第一个选项，例如：

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

有什么帮助吗？

Answer 1

使用条件检查可见document.addEventListener("visibilitychange", function handleVisibilityChange() {  if (!document.hidden) {    console.log("index.php is visible");  }}, false);

Answer 2

您可以检查visibilityState文档的。该事件将在页面被激活和停用时触发，但是，这允许您仅在页面被激活时运行代码，即：可见。document.addEventListener("visibilitychange", function() {  if (document.visibilityState === "visible") {    // code when page is visible    console.log("index.php is visible");  }});