visibilitychange（vc贝雷忒change）

• 浏览器标签页被隐藏或显示的时候会触发visibilitychange事件.
  • visible : 当前页面可见. 即此页面在前景标签页中，并且窗口没有最小化.
  • hidden: 页面对用户不可见. 即文档处于背景标签页或者窗口处于最小化状态，或者操作系统正处于 '锁屏状态' .
  • prerender : 页面此时正在渲染中, 因此是不可见的. 文档只能从此状态开始，永远不能从其他值变为此状态.注意: 浏览器支持是可选的.
  • unloaded : 页面从内存中卸载清除. 注意: 浏览器支持是可选的.

document.addEventListener("visibilitychange", function() {
  if(document.visibilityState === "visible"){
    console.log(“hello，显示咯")
  }
  if(document.visibilityState === "hidden"){
    console.log("离开当前页")
  }
});