vue 监听浏览器页面关闭_监听浏览器关闭事件的解决方案

2023-11-02

在web项目开发中,关于浏览器关闭事件有两个很常见的问题:为什么我没有监听浏览器关闭事件? 我监听到了这个事件,但写在事件里的异步请求为什么发送不成功?

原因分析:这两个问题无外乎两个原因:浏览器关闭事件未被触发 和 异步请求发送失败。

原因1:关闭浏览器时一定会触发事件吗?如果不一定,那什么条件下才不触发呢?

与浏览器关闭事件相关事件有onunload和onbeforeunload两个。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。因此我们着重关注onbeforeunload事件。简单科普一下onbeforeunload事件。

当窗口即将被卸载(关闭)时,会触发该事件.此时页面文档依然可见,且该事件的默认动作可以被取消. 该函数应当返回一个字符串,当返回的字符串不为null或者undefined时,弹出确认窗口让用户自行选择是否关闭当前页面。一些浏览器将该事件返回的字符串显示在弹出窗上。

既然“当窗口即将被卸载(关闭)时,会触发该事件“,那也就是说只要我关闭快就一定会触发该事件喽?然而当关闭浏览器时,未必一定会触发onbeforeunload事件。MDN上关于这个事件的触发条件是这样描述的。

为避免意外弹出窗口,除非页面已与之交互,否则浏览器可能不会显示在beforeunload事件中创建的提示,甚至根本不会显示它们。

那什么时候算是非与之交互呢?这里举个例子,一个页面连着刷新两次,第二次刷新时,就认为非与之交互,就不会触发onbeforeunload事件。,同时对于触发条件,各个浏览器之间也存在差异。具体差异汇总表如下:

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

vue 监听浏览器页面关闭_监听浏览器关闭事件的解决方案 的相关文章

  • Netty客户端断线重连实现及问题思考

    前言 在实现TCP长连接功能中 客户端断线重连是一个很常见的问题 当我们使用netty实现断线重连时 是否考虑过如下几个问题 如何监听到客户端和服务端连接断开 如何实现断线后重新连接 netty客户端线程给多大比较合理 其实上面都是笔者在做
  • ::和.的区别

    作用域运算符 和 成员运算符 的区别 这是在看 运算符的作用时产生的疑问 有三个作用 1 全局作用 2 类作用 3 名称空间 1和3不多说 在2中 其说明是 作用域符号 的前面一般是类名称 后面一般是该类的成员名称 C 为了避免不同的类有名
  • Keil-MDK解决“Error: Encountered an improper argument”问题

    Keil MDK解决 Error Encountered an improper argument 问题 ARM官方问题描述及解决办法 https developer arm com documentation ka004382 lates
  • android环境配置

    JDK配置 JRE问题 Windows 打开PowerShell 进入JDK目录 执行 bin jlink exe module path jmods add modules java desktop output jre 环境变量 系统环
  • [STM32F10x] 利用定时器测量脉冲宽度

    硬件 STM32F103C8T6 平台 ARM MDk V5 11 前面一篇文章讲过如何利用定时器测量信号的频率 见 STM32F10x 利用定时器测量频率 使用的是定时器的捕获 比较单元 Capture compare 它也可以测量输入信
  • JDBC中的几个常见问题

    JDBC中的几个常见问题 1 JDBC中的Statement和PreparedStatement CallableStatement的区别 2 JDBC中大数据量分页的解决方法 3 事务 4 execute executeQuery exe
  • VS Code 格式化后 自动让函数名后有空格

    fetchCommentCount 像这样fetchCommentCount和 之间有空格 这是我们的目标 return 只需要在Vscode设置文件Settings中加入以下两句 vetur format defaultFormatter
  • 使用yum命令不能安装mysql的问题(No package mysql-server available. Error: Nothing to do)

    问题 这是因为本地yum仓库中没有对应的mysql包 所以在安装之前先要配置rpm包 这里使用的是mysql5 7的rpm rpm ivh https repo mysql com mysql57 community release el7
  • char类型的大小范围

    要知道char类型的大小范围 首先要知道char类型占1个字节 而1个字节等于8个bit位 每一个bit位是一位二进制数 所以char类型有8个二进制位 那么就有2的8次方256种可能 我们先讨论 signed char 有符号 首位是符号
  • IOS键盘的相关设置(UITextfield)

    http blog sina com cn s blog 7018d3820101djut html 一 键盘风格 UIKit框架支持8种风格键盘 typedef enum UIKeyboardTypeDefault 默认键盘 支持所有字符
  • Java基础笔记(初学者适用)

    目录 一 Java主函数解析 二 Java学习注意事项 三 JDK和JRE的区别 1 jdk 开发环境 核心 2 jre 运行环境 3 JVM 转换环境 四 常见转义字符 五 变量 1 变量介绍 2 变量细节 3 作用域 4 数据类型 1
  • 粤嵌实训(笔记)

    目录 1 LCD换自己喜欢的颜色 2 LCD换个图案 3 LCD换张图片 4 网线登录 ifconfig eth0 192 168 5 9 5 触屏电子相册 6 网络编程 TCP通信 7 网络编程 UDP通信 8 开发板串口通信MCU 32
  • 二叉树与二叉搜索树的理解

    树 tree 是一种抽象数据类型 ADT 用来模拟具有树状结构性质 它是由n n 0 个有限节点通过连接它们的边组成具有层次关系的集合 把它叫做树是因为它看起来像一棵倒挂的树 也就是说它是根朝上 而叶朝下的 树由多种 一个节点有两个以上子节
  • 快速训练ai作画模型的python代码

    感谢你的问题 如果你想快速训练一个 AI 作画模型 你可以使用开源的深度学习框架 例如 TensorFlow PyTorch 或 Keras 这里是一个基于 TensorFlow 的示例代码 它使用了一种叫做 CycleGAN 的生成对抗网
  • 使用 ESP-Prog / Jlink 进行 JTAG 调试时的常见错误及解决办法

    此篇博客用来记录使用 ESP PROG Jlink 来对 ESP32 Lyrat 进行 JTAG 调试时遇到的一些问题以及解决办法 如果对进行 JTAG 相关操作有疑惑 请参考以下资料 使用 ESP Prog 进行 JTAG 调试 使用 J
  • openmediavault配置文件共享

    OpenMediaVault是一个基于Debian的专用Linux发行版 用于构建网络连接存储 NAS 系统 它提供了一个易于使用的基于Web的界面 多语言支持 卷管理 监控和插件系统 以通过LDAP Bittorrent和iSCSI功能进
  • 多维时序

    多维时序 MATLAB实现RBF径向基神经网络多变量时间序列未来多步预测 目录 多维时序 MATLAB实现RBF径向基神经网络多变量时间序列未来多步预测 预测效果 基本介绍 模型描述 程序设计 参考资料 预测效果 基本介绍 MATLAB实现
  • 你会使用GROUP BY吗?

    职业开始前两年 发现面试特别喜欢问SQL的问题 觉得不够高大上 觉得没有框架什么的高大上 但是当你处理实际的业务问题 发现SQL是避免不了的 SQL可以帮你解决一些你在代码上处理逻辑很麻烦的地方 即时现在有mybatis插件 可以不用写SQ
  • Stable Diffusion下载完身体有点吃不消(内附秋叶集合安装包)

    大家好 今天我来介绍一款令人惊叹的开源软件 Stable Diffusion 这是一款基于AI技术的图片生成软件 可以让用户轻松随心所欲地创建出各种令人惊叹的图片 在这里插入图片描述 Stable Diffusion拥有强大的AI算法 不管

随机推荐

  • 一文看懂随机森林 - Random Forest(附 4 个构造步骤+10 个优缺点)

    本文首发自 产品经理的人工智能知识库 原文地址 一文看懂随机森林 Random Forest 附 4 个构造步骤 10 个优缺点 随机森林是一种由决策树构成的集成算法 他在很多情况下都能有不错的表现 本文将介绍随机森林的基本概念 4 个构造
  • 外包公司“混”了2年,我只认真做了5件事,如今顺利拿到阿里 Offer。

    前言 是的 我一家外包公司工作了整整两年时间 在入职这家公司前 也就是两年前 我就开始规划了我自己的人生 所以在两年时间里 我并未懈怠 现如今 我已经跳槽到了阿里 顺利拿下 offer 自己的情况很普通 本科文凭 没有背景 分享这次我的经历
  • gd32f103 adc通道说明

    file main c brief ADC Temperature Vrefint demo Copyright 2017 GigaDevice 2017 06 23 V1 0 0 demo for GD32F30x include gd3
  • 深入理解Netty底层基础、中断、NIO、epoll~~~~

    深入理解Netty底层基础 LInux 操作系统中断 什么是系统中断 这个没啥可说的 大家都知道 CPU 在执行任务途中接收到中断请求 需要保存现场后去处理中断请求 保存现场称为中断处理程序 处理中断请求也就是唤醒对应的任务进程来持有CPU
  • 嵌入式软件—视频笔试记录

    文章目录 一 前言 二 笔试题目 1 C语言中的三种循环以及区别 2 以下代码循环几次 3 形参与实参定义以及函数形参为指针和指针引用方式的区别 4 链表的概念 链表与数组的区别 5 3 5 1 2的结果 6 以下程序运行结果是什么 7 i
  • 详解BP神经网络

    BackPropagation Neuron NetWok BP神经网络学习算法可以说是目前最成功的神经网络学习算法 显示任务中使用神经网络时 大多数是使用BP算法进行训练 在我看来BP神经网络就是一个 万能的模型 误差修正函数 每次根据训
  • Pre-Trained Models: Past, Present and Future综述总结(1)

    总体介绍 非神经模型 手工制作的特征和统计方法hand crafted features and statistical methods 神经模型 从数据中自动学习低维连续向量 也称为分布式表示 作为任务特定的特征 关键挑战之一是数据匮乏
  • golang该如何循环 多层结构体

    一 首先贴代码 你们大概看看就行 在看看后面的前端页面展示数据 你们就能理解 结构体嵌套的案例 package model import fmt time type Find struct Article Article SelectArt
  • 线程进程协程的实现代码

    单线程 import time def run print hello world time sleep 1 if name main for i in range 5 run 多线程 import threading import tim
  • 规范:前端代码开发规范

    一 前端静态代码检查工具 1 1 ESLint ESLint 是一个插件化的 JavaScript 代码检查工具 可以使用规则插件或者自定义规则对代码进行静态检查 1 2 JSLint JSLint 是由 Douglas Crockford
  • JAVA-static关键字 多态

    static Java中的static关键字主要用于内存管理 我们可以应用static关键字在变量 方法 块和嵌套类中 static关键字属于类 而不是类的实例 被static修饰的数据在内存中只会存在一份数据 所以这个数据适合用来共享数据
  • TypeError: write() argument must be str, not dict

    在写入文件的时候 出现 TypeError write argument must be str not dict 报错 可以使用json 格式写入 import requests import re import json def get
  • python bokeh_使用Bokeh在Python中进行交互式数据可视化

    python bokeh Bokeh prides itself on being a library for interactive data visualization Bokeh以成为交互式数据可视化的库而自豪 Unlike popu
  • 8051介绍--DW8051

    Overview synopsy公司设计的可综合内核IP 可嵌入到IC内部 它可以相容803x 805x单片机 1个机器周期 4个时钟周期 一条指令周期大概是2 9个机器周期 指令周期长度可变 因此可以分别访问高速和低速设备 MCU的clo
  • Call to undefined function mcrypt_get_block_size

    http stackoverflow com questions 17109818 install php mcrypt on centos 6 问题 Call to undefined function mcrypt get block
  • 【经验总结】tcp_tw_recycle参数引发的故障

    故障描述 2010年9月7日 新上线的手机游戏论坛有部分地区用户反应登陆游戏时出现不能登陆或登陆超时等情况 观察用户同时在线数量开始下降情况 排错过程 一 初步检查是否有变更导致的故障 1 联系同事检查网络是否有问题或有对该机房网络是否有进
  • Anaconda修改虚拟环境的安装位置

    1 首先试着新建一个环境 查看环境的安装路径 发现当前安装路径在C盘 我们的目标是改到D盘 2 输入conda info 查看当前的环境默认路径有哪几个 发现一共有三个 其中第一个是默认路径 现在的目标是将默认路径改到D盘 3 输入cond
  • 徐小明:上午涨的快,跌的也…

    我不喜欢炒股 今年股市估计少人欢喜 多人愁吧 老婆1万块都亏了4千多了 还不如到唐狮官方网站去买衣服tonlion hao9go com 哎 原文地址 徐小明 上午涨的快 跌的也快 作者 徐小明 徐小明 上午涨的快 跌的也快 今天上午低开之
  • 优惠券秒杀(三)

    L1296686146 冗谪 2023 07 28 13 24 发表于陕西 收录于合集 redis7个 优惠券秒杀一人一单 优惠券的目的是为了引流 但是目前的情况是一个人可以无限制的抢这个优惠券 因此 代码中应该添加一个用户只能下一单的逻辑
  • vue 监听浏览器页面关闭_监听浏览器关闭事件的解决方案

    在web项目开发中 关于浏览器关闭事件有两个很常见的问题 为什么我没有监听浏览器关闭事件 我监听到了这个事件 但写在事件里的异步请求为什么发送不成功 原因分析 这两个问题无外乎两个原因 浏览器关闭事件未被触发 和 异步请求发送失败 原因1