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

Question

当标签页出现时我想做点什么activatedonvisibilitychange当页面是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");

  }

});