JS监听浏览器关闭、刷新及切换标签页触发事件
蛮简单的东西,知道就会,不知道就不会,没什么逻辑可言。简单记录一下,只为加深点儿印象。
visibilitychange
visibilitychange可以监听到浏览器的切换标签页。
直接上代码:
beforeunload
beforeunload可以监听到页面的关闭,页签切换不会触发
- 关闭浏览器窗口的时候触发
- 通过点击当前地址栏或收藏夹进入另一个页面时触发(注意不是打开新页签)
- 刷新浏览器时触发
- 重新赋值window.location.href的值的时候触发
- 通过 form input type=”submit”按钮提交一个具有指定action的表单的时候触发(原生事件)
可能还有其他情况,大家感兴趣可以再去了解一下,我只是在浏览器刷新时用到了
本文来自网络,不代表协通编程立场,如若转载,请注明出处:https://net2asp.com/389f3cf787.html
相关推荐
-
分享SQL重复记录查询的几种方法
SQL重复记录查询的几种方法,需要的朋友可以参考一下 1、查找表中多余的重复记录,重复记录是根据单个字段(peopleId)来判断 代码如下: select * from pe…
1天前 -
MySQL数据库:数据库的约束以及数据的聚合、联合查询
目录 一.关系模型的简要概述 二.数据库的约束 2.1约束类型 2.2NULL约束 2.3 UNIQUE:唯一约束 2.4 默认约束 2.5 PRIMARY KE…
1天前 -
Vue3+Vite+TS项目集成ESlint +Prettier实现代码规范检查和代码格式化
创建项目 我在这里直接是通过vite提供的默认模板来创建一个vue3 + ts的项目。这里可以cmd,然后npm -v来查看版本。 # 如果npm 的版本是6.x版本,则使用下面这…
1天前 -
人大金仓数据库KingbaseES支持的开发框架(基于JDBC)的介绍和使用之二之Mybaits篇
1 人大金仓数据库 KingbaseES 简介 参见 https://blog.csdn.net/kangming7508/article/details/1319…
1天前 -
解决:[Vue warn]: Error in render: “TypeError: Cannot read properties of undefined (reading ‘matched‘)“
一、问题: 在vue项目中使用路由报以下错误:[Vue warn]: Error in render: “TypeError: Cannot read properti…
1天前 -
快速获取cookie的两种方式
方式一:通过浏览器控制台 在需要获取Cookie的谷歌浏览器界面,按Ctrl+Shift+j打开js控制台。 输入 console.log(document.cookie) 回车打…
1天前 -
vue项目打包部署-手把手教程
vue项目打包部署 1.购买服务器 可选阿里云/腾讯云/华为云 等等… 购买时选择镜像,我们这里以CentOS为例 2.配置服务器 2.1 安装FinalShell 需要本地使…
1天前 -
前端播放大视频卡顿的解决(m3u8视频流)
前言 最近在一个大屏看板项目中有一个需求是:要求视频和看板要进行来回切换。 最开始的做法是将MP4视频放在项目里,在本地运行时是没什么问题的,但是在往仓库里提交代码时出现了问题。当…
1天前 -
前端预览pdf文件
在前端开发中,很多时候我们需要进行pdf文件的预览操作,下面给出几种常见的预览pdf文件的方法: 一:直接浏览器打开 如果项目对pdf的预览功能要求不高,只是要求能够看的话,可以直…
1天前
