js监听浏览器tab页切换的实例

在 JavaScript 中，我们可以通过监听 `visibilitychange` 事件来判断浏览器的 Tab 页是否被切换。以下是一个示例代码：

document.addEventListener("visibilitychange", function() {
  if (document.hidden) {
    console.log("Tab 页被切换到后台");
  } else {
    console.log("Tab 页被切换到前台");
  }
});

在上述代码中，我们使用 `addEventListener` 方法来监听 `visibilitychange` 事件。当事件触发时，我们可以通过 `document.hidden` 属性来判断当前浏览器 Tab 页是否被隐藏。

如果 `document.hidden` 为 `true`，则表示浏览器 Tab 页被切换到了后台；如果 `document.hidden` 为 `false`，则表示浏览器 Tab 页被切换到了前台。

使用上述代码，我们可以实现对浏览器 Tab 页切换事件的监听。