如何阻止 beforeunload 弹窗的弹出时机?

news/2023/6/8 0:51:16

一、需求:控制 beforeunload 的弹出时机。

参考文档:https://developer.mozilla.org/zh-CN/docs/Web/API/Window/beforeunload_event

页面加载时,利用 beforeunload 创建页面监听,刷新或者关闭时进行弹窗提示
window.addEventListener("beforeunload", fn);function fn(e){// 全局定义一个变量 window.isCloseHint // 用于控制是否返回弹窗if (window.isCloseHint) {const confirmationMessage = "您确认要关闭所有终端吗?";(e || window.event).returnValue = confirmationMessage; // 兼容 Gecko + IEreturn confirmationMessage; // 兼容 Gecko + Webkit, Safari, Chrome}
}
  • 进入某个编辑页面,开始编辑后,刷新关闭页面时,需要浏览器进行一个弹窗提示,是否需要保存已经编辑的内容。
  • 在编辑页面中存在下载文件功能。
    文件下载接口是【get】直接打开即可下载。
    这里有两种方式、一种是通过创建 a + url标签进行下载。
    另一种是通过 window.open(url, '_self 或 _target') 打开进行下载。
    下载文件时需要阻止弹窗弹出。

二、解决办法

全局定义一个变量 window.isCloseHint
用于控制是否返回弹窗

在执行下载任务时,先将 window.isCloseHint 变量置为 true,
下载完成之后,再将 window.isCloseHint 置为 false

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.exyb.cn/news/show-4555803.html

如若内容造成侵权/违法违规/事实不符,请联系郑州代理记账网进行投诉反馈,一经查实,立即删除!

相关文章

怎样用PS把照片处理成水彩画效果

首先我们需要下载“做出静物风景照片水彩画效果PS动作”陌鱼社区可找到动作,然后用这个动作就可以做出下图的效果,动作支持CS6以上版本软件,下面请看演示教程。 01、载入画笔、图案、动作,关闭软件。 02、接下来我们需要看一下之前…

风景水彩画教程中文版 跟傅兰克学画画全16集高清

跟富兰克学画画 风景水彩画教程中文版 跟傅兰克学画画全16集高清配音:国语说明:高清晰画质,国语版!平均一部约1000M 作者简介 傅兰克,生于爱尔兰都柏林,是爱尔兰最受欢迎的画家之一。由BBC出版的《傅兰克克…

TreeMap和TreeSet的介绍

目录 1、认识 TreeMap 和 TreeSet 2、TreeMap 的主要成员变量 3、TreeMap 的主要构造方法 4、TreeMap 和 TreeSet 的元素必须可比较 5、TreeMap 和 TreeSet 关于 key 有序 6、TreeMap 和 TreeSet 的关系 7、总结 1、认识 TreeMap 和 TreeSet TreeMap 和 TreeSet 是Ja…

MSDN Library - October 2001 精简方法

VC中使用MSDN Library - October 2001这个版本时, 安装后,包含一些自己用不到的资料,真的好烦。 比如查找CreateWindow 弹出的内容要选择,一不小心就要转到winCE的说明。 真的麻烦。 只要定义一下MSDN的MSDN130.COL文件&#…

MSDN的下载和使用

很多同学在初学C语言时,面对C语言中如此多的关键字、操作符、库函数感到非常头大。 利用MSDN这个工具可以帮助我们快速了解它们。 目录 MSDN的下载 MSDN的使用 索引 函数介绍 函数结构 头文件 返回值介绍 示例 MSDN的下载 完整版的MSDN非常大&#xff0c…

运算放大器:运放的平衡电阻

1.主要运放参数 集成运放的基本参数很多,包括静态技术指标(直流参数)和动态技术指标(交流参数)。。例如,输入失调电压、输入失调电流、输入偏置电流、输入失调电压温漂、最大差模输入电压、最大…

链路聚合(动态捆绑链路)、负载均衡详解、全双工与半双工区别、LACP优先级详解(附图)

目录 一、链路捆绑优点: 二、链路聚合方式: (1)手工静态绑定: (2)动态协商: 全双工模式: 半双工模式: 三、链路聚合——负载均衡: 负载均衡…

平衡二叉树的插入与删除

定义 AVL树是带有平衡条件的二叉查找树。它要求在AVL树中任何节点的两个子树的高度(高度是指节点到一片树叶的最长路径的长) 最大差别为1,如下图所示: 为什么有AVL树 大多数BST操作,例如查找,找最大,最小值,插入,删除…