visibilitychange事件,监听跳转第三方页面离开时和回来时的状态

2023-10-27

1.通过 document.hidden 与 visibilitychange 事件判断网页可见性和操作;当H5页面切换到第三方页面,或从第三方页面切换到H5页面时,会在 docment 上触发 visibilityState 事件

举个栗子:

当购买商品支付时,跳转支付宝第三方页面时,支付后返回键回到本页的时候不重载页面。触发visibilitychange事件可以获取页面离开时和回来时的状态

/**
 * 支付宝-购买商品时支付跳转第三方页面,监听支付后回到本页的时候
 * isHavepay_ali  判断是否发起支付宝支付
 */
createFullScreen() {
    //1.支付跳转到第三方页面
    this.isHavepay_ali = true;
    document.addEventListener("visibilitychange", this.openFullScreen, true);
},

openFullScreen() {
    if (document.hidden) {
        // document.hidden 属性:boolean类型,表示页面是否处于隐藏状态
    } else {
        //2.此时监听到,支付完后从第三方页面回退到本页
        if (this.isHavepay_ali) {
            this.isHavepay_ali = false;
            //必须延迟2.5秒才生效
            setTimeout(() => {
                //取消监听事件
                document.removeEventListener("visibilitychange", this.openFullScreen, true)
                //在这里就可以编写你想要的功能啦

            }, 2500)
        }
    }
},

  js使用visibilitychange处理页面关闭事件_javascript技巧_脚本之家

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

visibilitychange事件,监听跳转第三方页面离开时和回来时的状态 的相关文章

随机推荐

  • 用Python爬取英雄联盟(lol)全部皮肤

    首先 我们打开英雄联盟官网主页 网址为 https lol qq com main shtml 然后向下拉 可以看到英雄列表 如图所示 接着随意选一个英雄点击进入看一下 如图所示 再点击鼠标右键 接着选择检查 看一下皮肤的 URL 如图所示
  • Mysql连接数据库url的参数解析

    看之前各位看官可以不可以点个赞 呜呜呜 更正信息 错误 之前在url中使用 后面发现报错 要进行转义才行 amp 如果在springboot中使用 不需要转义 即把下面的 amp 改为 已经对下面url进行更正 大家直接拷贝粘贴就可以用 j
  • 数据结构_35

    一 线性表 排序 冒泡排序 选择排序 快速排序 归并排序 查找 二分查找 二 树 遍历 递归 前中后序 层次 排序 大根堆 小根堆 哈夫曼树 三 图 广度优先遍历 深度优先遍历 最小生成树 Prim算法 Kus算法 最短路径 Dij算法 一
  • 可视化理解卷积神经网络(CNN)

    大家好 我是Sonhhxg 柒 希望你看完之后 能对你有所帮助 不足请指正 共同学习交流 个人主页 Sonhhxg 柒的博客 CSDN博客 欢迎各位 点赞 收藏 留言 系列专栏 机器学习 ML 自然语言处理 NLP 深度学习 DL fore
  • 用Python做一个猜拳游戏

    import random while True player input 请出拳 石头 剪刀 布 玩家出拳 print 玩家出拳 player list 石头 剪刀 布 computer random choice list 电脑出拳 随
  • Maven打包项目为依赖包、及包引用

    Maven打包项目为依赖包 及包引用 一 maven配置 1 1 原配置 1 2 更改配置 二 jar包引用 2 1 引入maven仓库 2 2 手动引入 更方便 一 maven配置 1 1 原配置
  • ubuntu升级python版本_ubuntu升级python版本

    Ubunt16 04默认安装python2 7和3 5 注意 系统自带的python千万不能卸载 1 输入python 2 输入python3 3 输入命令sudo add apt repository ppa jonathonf pyth
  • 高级 IO(非阻塞、多路复用、异步、存储映射、文件锁)

    目录 非阻塞I O 阻塞I O 与非阻塞I O 读文件 阻塞I O 的优点 阻塞后进入休眠 交出cpu资源降低使用率 使用非阻塞I O实现并发读取 I O 多路复用 何为I O多路复用 select 函数 poll 函数 总结 异步IO 优
  • 正点原子STM32(基于HAL库)5

    目录 SRAM 实验 存储器简介 SRAM 方案简介 硬件设计 程序设计 程序流程图 程序解析 下载验证 内存管理实验 内存管理简介 硬件设计 程序设计 程序流程图 程序解析 下载验证 SD 卡实验 SD 卡简介 SD 物理结构 命令和响应
  • SimOTA的简单理解

    SimOTA simOTA的作用是为不同目标设定不同的正样本数量 例如蚂蚁和西瓜 传统的正样本分配方案常常为同一场景下的西瓜和蚂蚁分配同样的正样本数 那要么蚂蚁有很多低质量的正样本 要么西瓜仅仅只有一两个正样本 对于哪个分配方式都是不合适的
  • CNN中的底层、高层特征、上下文信息、多尺度

    一 CNN中的底层 高层特征 简短总结 分类要求特征有较多的高级信息 回归 定位 要求特征包含更多的细节信息 1 图像的低层特征 对定位任务帮助大 我们可以想想比如轮廓信息都不准那怎么去良好定位 图像底层特征指的是 轮廓 边缘 颜色 纹理
  • ValueError: Image size of 55600x96000 pixels is too large. It must be less than 2^16 in each directi

    ValueError Image size of 55600x96000 pixels is too large It must be less than 2 16 in each direction 问题介绍 在用pycharm做图像处理
  • 遍历指定目录获取当前目录下指定后缀(如txt和ini)的文件名

    bin bash 遍历指定目录获取当前目录下指定后缀 如txt和ini 的文件名
  • LabVIEW通过以太网(TCP)与S7-1200 PLC通信

    LabVIEW通过以太网 TCP 与S7 1200 PLC通信 laiping 20170901 摘要 本文介绍LabView采用以太网 TCP 方式与西门子S7 1200PLC通讯 关键字 LabView S7 1200 TCP PLC
  • python 调用 R,使用rpy2

    python 与 R 是当今数据分析的两大主流语言 作为一个统计系的学生 我最早接触的是R 后来才接触的python python是通用编程语言 科学计算 数据分析是其重要的组成部分 但并非全部 而R则更偏重于统计分析 毕竟R是统计学家发明
  • Qt 中设置窗体(QWidget)透明度的几种方法

    Qt 中设置窗体 QWidget 透明度的几种方法 1 设置窗体的背景色 在构造函数里添加代码 需要添加头文件qpalette或qgui QPalette pal palette pal setColor QPalette Backgrou
  • 【注意力模型】Harmonious Attention Network for Person Re-Identification

    文章目录 Abstract 1 Introduction 2 Related Work 3 Harmonious Attention Network 3 1 Harmonious Attention Learning 4 Experimen
  • Python循环结构——while

    While是循环结构中重要的一个部分 基本使用格式 while 循环条件 条件成功之后的子代码 代码执行时会先判断条件 条件成功之后再执行子代码 否则直接跳过到下一个同等级代码 count 0 count 1 count 1 count 1
  • pptp 防火墙设置

    服务搭建成功 但是dns老是出问题 找了很多文档 最后找到了防火墙设置规则 sbin iptables t nat A POSTROUTING o eth0 s 172 16 0 0 16 j MASQUERADE sbin iptable
  • visibilitychange事件,监听跳转第三方页面离开时和回来时的状态

    1 通过 document hidden 与 visibilitychange 事件判断网页可见性和操作 当H5页面切换到第三方页面 或从第三方页面切换到H5页面时 会在 docment 上触发 visibilityState 事件 举个栗