前端实现onshow和onhide

使用 浏览器方法实现 onshow和onhide

function handleVisibilityChange() {
      if (document.hidden) {
        console.log("标签页现在是隐藏的");
        // 执行当标签页隐藏时的代码
      } else {
        console.log("标签页现在是可见的");
        // 执行当标签页可见时的代码
      }
    }

    // 监听标签页的可见性变化
    document.addEventListener('visibilitychange', handleVisibilityChange, false);
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • client,page和screen的区别? clientX,clientY是触摸点相对于viewport视口x,...
    change_22fa阅读 5,654评论 1 1
  • 1. 如何理解 HTML 语义化? 让人更容易读懂(增加代码可读性)。比如video、audio、header(头...
    云顶天宫写代码阅读 1,599评论 0 0
  • 基础类问题 h5的新特性 html5备注只有一种 DOCTYPE ⽂件类型声明(统 一标准)<!DOCTYPE h...
    h2coder阅读 1,631评论 1 1
  • 前言 之前写了一篇关于前端模拟面试的文章——前端模拟面试【一面】 今天咱们接着进行前端模拟面试二面。因为有很多是一...
    Gopal阅读 6,081评论 0 1
  • 一、Vue二、JS三、Html + CSS四、网络相关 一、vue 一)、 生命周期 beforeCreate(创...
    R_X阅读 643评论 0 0