页面可见性改变事件:visibilitychange

页面可见性改变事件:visibilitychange1、PC浏览器上(以谷歌浏览器为例)刷新H5页面,会触发该事件,由于刷新导致该页面消失时,会检测到document.visibilityState===‘hidden’切换页面(包括切换离开和切换回来),导致页面暂时不处于激活状态时,会触发该事件。切换离开时document.visibilityState===‘hidden’,切换回该页面时,document.visibilityS…

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

1、PC浏览器上(以谷歌浏览器为例)

  • 刷新H5页面,会触发该事件,由于刷新导致该页面消失时,会检测到document.visibilityState === ‘hidden’
  • 切换页面(包括切换离开和切换回来),导致页面暂时不处于激活状态时,会触发该事件。切换离开时document.visibilityState === ‘hidden’,切换回该页面时,document.visibilityState === ‘visible’
  • 关闭页面窗口时,会触发该事件。关闭窗口时,document.visibilityState === ‘hidden’
  • 关闭整个浏览器时,会触发该事件。关闭整个浏览器时,document.visibilityState === ‘hidden’

说明:当页面的document.visibilityState === ‘hidden’时,是可以发送请求的

2、安卓设备上(实验于手机的微信、UC浏览器软件中)

  • 刷新H5页面,会触发该事件,由于刷新导致该页面消失时,会检测到document.visibilityState === ‘hidden’
  • 点击页面上方的 x 按钮(或是其他关闭按钮),导致页面关闭时,会触发该事件。并在关闭时,document.visibilityState === ‘hidden’
  • 切换页面(包括切换离开和切换回来),导致页面暂时不处于激活状态时,会触发该事件。切换离开时document.visibilityState === ‘hidden’,切换回该页面时,document.visibilityState === ‘visible’
  • 将页面或页面所在程序软件切换到后台,或从后台切换到前台时,会触发该事件。切换到后台时,document.visibilityState === ‘hidden’;切换到前台时,document.visibilityState === ‘visible’
  • 手势滑动关闭页面或页面所在程序软件时,document.visibilityState === ‘hidden’

说明:当页面的document.visibilityState === ‘hidden’时,是可以发送请求的

3、IOS设备上(实验于手机的微信、UC浏览器软件中)

  • 刷新H5页面,会触发该事件,由于刷新导致该页面消失时,会检测到document.visibilityState === ‘hidden’
  • 点击页面上方的 x 按钮(或是其他关闭按钮),导致页面关闭时,会触发该事件。并在关闭时,document.visibilityState === ‘hidden’
  • 切换页面(包括切换离开和切换回来),导致页面暂时不处于激活状态时,会触发该事件。切换离开时document.visibilityState === ‘hidden’,切换回该页面时,document.visibilityState === ‘visible’
  • 将页面或页面所在程序软件切换到后台,或从后台切换到前台时,会触发该事件。切换到后台时,document.visibilityState === ‘hidden’;切换到前台时,document.visibilityState === ‘visible’
  • 手势滑动关闭页面或页面所在程序软件时,document.visibilityState === ‘hidden’

说明:当页面的document.visibilityState === ‘hidden’时,是不可以发送请求的,发送的请求会被销毁掉

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

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

(0)
上一篇 2022年6月18日 下午11:00
下一篇 2022年6月18日 下午11:00


相关推荐

  • 登顶全球榜首!海淀企业发布新款开源大模型

    登顶全球榜首!海淀企业发布新款开源大模型

    2026年3月12日
    2
  • java过滤器和拦截器的区别_spring拦截器和过滤器

    java过滤器和拦截器的区别_spring拦截器和过滤器集成拦截器登录验证为例添加拦截器public class LoginInterceptor implements HandlerInterceptor { private Logger log = LoggerFactory.getLogger(getClass()); //Controller逻辑执行之前 @Override public boolean preHandle(HttpServletRequest request, HttpServletRe

    2022年8月9日
    10
  • NAT模式和桥接模式实现局域网其他物理机器与Vmware虚拟机互相访问

    NAT模式和桥接模式实现局域网其他物理机器与Vmware虚拟机互相访问 一般装完Vmware虚拟机都需要与局域网中其他机器互联互通,在安装虚拟机的时候就要先考虑好用哪种模式进行连接。Vmware支持3种网络连接模式,我们先简单介绍一下3种模式然后再说具体的配置。一、3种连接模式1、桥接模式: 所谓桥接就是把两个本来分开的网段连接起来,连接之后成为了一个更大的网络。vmware提供了一个虚拟的桥接器,他就像一座桥一样把虚拟机的网络环境和物理机的网络环境连在了一起…

    2022年6月29日
    48
  • matlab2014a安装教程破解版(matlab哪个版本最好用)

    作者:今孝出处:http://www.cnblogs.com/jinxiao-pu/p/6689208.html阅读目录下载安装破解为中文版正文之前电脑重装过,所以要重新安装一个matlab,在大三的时候学过matlab,信息老师给的安装包,但是不知道放哪里去了,记忆力不好,找了些网上的教程和下载地址,真的是坑,一些都是不行的,在这里记录下matlab2…

    2022年4月13日
    60
  • Navicat15注册机生成的激活码不正确_在线激活2022.02.04

    (Navicat15注册机生成的激活码不正确)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~CJM5…

    2022年4月1日
    70
  • js模糊查询

    js模糊查询$(function(){var$resourceTitle=$(“#resourceTitle”);$resourceTitle.on(‘keyup’,function(){varresourceTitle=$.trim($resourceTitle.val());query();})functionquery(){if(resourceTitle.length==0){

    2022年5月29日
    55

发表回复

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

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