Web Visibilitychange

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

大家好,又见面了,我是你们的朋友全栈君。

visibilitychange

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

https://serious-lose.notion.site/Web-Visibilitychange-496d9051bda741e19fc0890913b3565e

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/148684.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 大学生全网各类资源网站汇总

    大学生全网各类资源网站汇总本文转自我的公众号(求学青年)为了方便你更好的找到想要的网站,我把之前所有分享的学习网站都整合起来啦!!一路走来,有八十多天吧,我几乎每天都分享了一个网站,说容易也容易,但是这也是我心中的一点坚持,

    2022年7月1日
    26
  • springboot整合tkmybatis以及使用

    springboot整合tkmybatis以及使用经常用 mybatis 的的都知道 使用 mybatisorm 框架存在一个非常不友善的问题就是 就是每操作一个单表就需要自己手写一个 xml 文件 虽然说可以用工具生成 xml 和实体类可以解决这个问题 但是二次开发的时候对某个表字段进行修改的时候 生成 xml 文件就不现实啦 最近发现 tkmybatis 就非常好的解决了这个问题 在这里和大家分享一下 框架配置这里需要引用到的包 mybat

    2025年6月15日
    0
  • ETH挖矿显卡算力大全[通俗易懂]

    ETH挖矿显卡算力大全[通俗易懂]大家买显卡挖ETH,肯定最关心算力了,这里我整理一版,供大家参考,目前只有主流的整理上了,后期会完善更多的供大家参考!欢迎大家加入大力矿工群:621159725  软件下载:百度云盘链接:https://pan.baidu.com/s/1o9tw41k密码:vkyi…

    2022年6月13日
    60
  • LARGE_INTEGER解析和使用

    LARGE_INTEGER解析和使用这里解释前面碰到的LARGE_INTEGER结构。与可能的误解不同,64位数据并非要在64位操作系统下才能使用。在VC中,64位数据的类型为__int64。定义写法如下:     __int64file_offset;     上面之所以定义的变量名为file_offset,是因为文件中的偏移量是一种常见的要使用64位数据的情况。同时,文件的大小也是如此(回忆上一

    2022年7月25日
    11
  • linux下DNS配置及域名解析服务

    linux下DNS配置及域名解析服务一.DNS(DomainNameSystem,域名系统)    因特网上作为域名和IP地址相互映射的一个分布式数据库,能够使用户更方便的访问互联网,而不用去记住能够被机器直接读取的IP数串。通过主机名,最终得到该主机名对应的IP地址的过程叫做域名解析(或主机名解析)。DNS协议运行在UDP协议之上,使用端口号53。    DNS服务器将域名解析出来,找到域名对应的ip地址的…

    2022年5月24日
    42
  • android开发之GPS定位详解

    一、LocationManagerLocationMangager,位置管理器。要想操作定位相关设备,必须先定义个LocationManager。我们可以通过如下代码创建LocationManger对象。LocationManger locationManager=(LocationManager)this.getSystemService(Context.LOCATION_SERVICE

    2022年3月10日
    39

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号