菜鸟教程在线编辑器

AI 编程工具
 
                <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
    <h1>visibilitychange 事件</h1>
    <p>visibilitychange 事件是一个在浏览器中的Document对象上触发的事件，用于检测当前页面的可见性状态是否发生变化。</p>
<script>
document.addEventListener('visibilitychange', function() {
  if (document.visibilityState === 'visible') {
    // 页面变为可见状态时执行的操作
	  alert("页面可见")
  } else if (document.visibilityState === 'hidden') {
    // 页面变为不可见状态时执行的操作
	  alert("页面关闭")
  }
});
</script>
</body>
</html>
              