js 监听标签页切换

最新推荐文章于 2024-05-04 18:05:29 发布

原创最新推荐文章于 2024-05-04 18:05:29 发布 · 1.1k 阅读

3 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

最近遇到了一个需求，当网页标签页切换一段时间之后，再切换回来，就刷新页面，然后我就写出了下面的代码，仅供参考

var left_panel = false;
var timer_ = null;
var hiddenProperty =
  "hidden" in document
    ? "hidden"
    : "webkitHidden" in document
    ? "webkitHidden"
    : "mozHidden" in document
    ? "mozHidden"
    : null;
var visibilityChangeEvent = hiddenProperty.replace(
  /hidden/i,
  "visibilitychange"
);
var onVisibilityChange = function() {
  if (!document[hiddenProperty]) {
    if (left_panel == true) {
      window.location.reload();
    }

    //window.history.go(0)
  } else {
    clearTimeout(timer_);

    timer_ = setTimeout(() => {
      left_panel = true;
    }, 5000);
  }
};
document.addEventListener(visibilityChangeEvent, onVisibilityChange);

我是切换了标签页超过5秒，如果再切换回来，就自动刷新页面。