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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • linux内核定时器实验

    linux内核定时器实验文章目录一、linux时间管理和内核定时器简介1.内核时间管理简介2.内核定时器简介1.init_timer函数2.add_timer函数3.del_timer函数4.del_timer_sync函数5.mod_timer函数3.linux内核短延时函数二、硬件原理图分析三、实验程序编写1.修改设备树文件2.定时器驱动程序编写3.编写测试APP四、运行测试定时器是我们最常用到的功能,一般用来完成定时功能,本章我们就来学习一下Linux内核提供的定时器API函数,通过这些定时器

  • 液晶显示器测试软件6,屏幕坏点检测工具(Datum pixel repair)

    一般有很多的朋友都是不知道自己的电脑的屏幕是不是有多少个坏点的,或者是不知道怎么去测试,那么现在小编就给你介绍下面的这款屏幕坏点检测工具(Datumpixelrepair)来帮助你测试吧!Datumpixelrepair介绍Datumpixelrepair是一款可以快速检测出液晶显示器坏点的位置,用户点击不同的颜色填充整个屏幕,颜色包括:白、黑、红、绿等,使用户更容易检测出坏点!屏幕坏…

  • 软件测试流程设计—黑盒测试用例设计方法「建议收藏」

    软件测试流程设计—黑盒测试用例设计方法「建议收藏」第1章测试用例设计方法测试用例设计方法包括黑盒测试用例设计方法和白盒测试用例设计方法,下面分别进行介绍。1.1黑盒测试用例设计方法黑盒测试用例设计方法包括等价类划分法、边界值分析法、判定表法、因果图法、正交试验法、状态迁移图法、流程分析法、输入域测试法、输出域分析法、异常分析法和错误猜测法等,下面进行详细介绍。1.1.1 等价类划分法1.什么是等价类划分法等价类划分法是一种典型的黑盒测试设计方法。该方法主要针对测试子项进行规格分析,然后获得用例,而不用对系统内部处理进行深..

  • phpMyAdmin安装图解教程

    phpMyAdmin安装图解教程 先下载一份最新版的phpMyAdminMYSQL管理器,点击下载phpMyAdmin解压后得到一个phpMyAdmin的目录(你可以改名)找到/libraries/config.default.php文件(旧版本是根目录下的config.inc.php文件),用写字板(不要用记事本,这是UTF8编码)进行编辑。找到$cfg['PmaAbsoluteUri']

  • Vim 基本配置和经常使用的命令

    Vim 基本配置和经常使用的命令

  • Django接口_django中几个html互相跳转

    Django接口_django中几个html互相跳转前言在RESTful规范中,有关版本的问题,用restful规范做开放接口的时候,用户请求API,系统返回数据。但是难免在系统发展的过程中,不可避免的需要添加新的资源,或者修改现有资源。因此,改动升

发表回复

您的电子邮箱地址不会被公开。

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