当浏览器选项卡变为活动形式时处于非活动状态的事件？

Question

当浏览器选项卡变为活动状态时，我可以收听一个事件吗？ 变得活跃起来是指以下所有事情：

• 当用户使用我的网站切换到该标签时，形成另一个标签。
• 当用户从另一个应用切换回浏览器（打开包含我的网站的标签）时。
• 当用户最小化浏览器时（打开包含我的网站的标签）
• 基本上是在其他任何条件下我们的标签都处于活动状态时。

Answer 1

您可以为此使用以下事件，

document.addEventListener("visibilitychange", function() {
  console.log(`Your page is  ${document.visibilityState}`);
});

您可以检查以上here的浏览器兼容性。