关闭窗口提示以及窗口被关闭后执行函数
最近项目上有个需求,记录用户的登录时间,以及退出时间。
单纯记录登录时间容易,退出的话,如果正常按退出按钮退出的话,也容易,
但是用户退出时,直接关闭网页,记录退出时间好像·就没那么容易了,自己也是第一次遇到这种情况,网上查了一些资料,其实也不是多难,用原生的js提供的两个函数即可:
1.window.onbeforeunload 用户点击窗口的关闭按钮时触发
2.window.onunload 用户点击窗口的关闭按钮,并确认真的关闭窗口时触发,如取消关闭,则不会触发
需要注意的是 window.onunload 函数在刷新页面的时候也会触发,这里需要多注意一下。
关闭窗口提示以及窗口被关闭后执行函数相关推荐
- setwindowshookex回调函数不执行_不一样的“悬停几秒后执行函数”?一个开源工具函数,请注意查收...
大家好,我是 vortesnail. 前言: 最近这几个星期,一直都在维护自己的基于 React 的开源播放器组件,以为功能基本都差不多了,却忽视了播放器一个很重要的功能:鼠标悬停在视频播放界面时,在 ...
- html等待图片全部加载,imgLoad等待图片资源加载完成后执行函数(图片预加载)...
修改自一个2013年写的js判断图片资源加载完成后再执行函数的代码: 当时的代码片断需要手动加入需要确定加载完的图片名称到数组,比较麻烦,修改为插件后,不需要手动添加文件名称,只需对需要确定加载完成的 ...
- vue组件加载完成之后执行方法_vuejs页面加载完成后执行函数
module.exports = { data: function(){ return { memberQrcodeState: false } }, components: {memberQrcod ...
- js 和jQuery(自动执行函数)立即执行函数和页面加载完后执行函数写法
js 立即执行函数的写法. js 立即执行函数只能用于匿名函数,如果声明了函数名是不可以用立即执行的,通常在函数表达式后加一对小括号()用于立即执行 如果想让函数不被调用的情况下,立即自动执行,需要在 ...
- eclipsse 关闭 方法提示_MacOS10.15.7关闭AppStore右上角小红标提示及系统更新右上角小红标提示的方法...
苹果在2020年11月12号放出了中国区MacOS11.0.1的更新,我运行MacOS10.15.7的电脑不断地提示系统更新及AppStore更新,系统更新补丁后,我不想升级至MacOS11.0.1, ...
- Vue中如何设置在执行删除等危险操作时给用户提示(二次确认后执行对应的操作)
在项目中.在执行删除等不可撤销操作时,要提示用户.等用户二次确认后.才执行对应的方法. 效果展示 点击删除 等待二次确认 确定删除 删除成功 1.Vue官网 Popconfirm 气泡确认框 点击元素 ...
- Chrome,谷歌浏览器已经不会自动更新了,但是会有更新提示,关闭更新提示,window10系统,本人亲自操作过,不坑人
文章目录 1.如图,一直提示看着就烦 2.关闭更新提示成功 3.关闭教程,只能通过快捷方式关闭启动 4.其他 1.如图,一直提示看着就烦 2.关闭更新提示成功 3.关闭教程,只能通过快捷方式关闭启动 ...
- vue之 watch 监听数据变化 watch的使用、watch监听数据加载完成后执行、watch不触发、不生效的解决办法及原理
常用方法: watch监听数据完成后执行函数: watch: {huxing: {handler: function(newVal, oldVal) {this.huxingW();},deep: t ...
- C-Lodop提示“有窗口已打开,先关闭它(持续如此请刷新页面)!”
c-lodop显示"有窗口已打开,先关闭它(持续如此时请刷新页面)!" 如果连续执行多个预览语句等导致的,可以预先判断一下,并可以自定义修改窗口已打开的提示,该默认提示的位置如本博 ...
最新文章
- greenplum 安装笔记
- 最大子序列和问题 hdu1231
- 两种方法用于检查传入的数字是否为整数
- number six
- LeetCode 451. 根据字符出现频率排序(map+优先队列)
- 测试用例设计--判定表
- 通过思科构造局域网_cisco设备构建典型局域网
- POJ3737 UmBasketella
- 第一步:python下PyGame的下载与安装
- idea集成testng_IDEA+MAVEN+TestNG环境搭建
- hibernate注释映射_Hibernate一对一映射示例注释
- 大数据分析对物联网发展有什么影响
- sklearn中的xgboost_XGBoost的介绍、应用、调参、知识点
- 【转】C#中Json和类的相互转化
- win10易升工具使用教程,win10易升如何使用
- LaTeX Beamer 制作PPT时给某一页添加背景图片(并设置透明度)
- Cesium和thingjs有哪些关系?
- 一文了解:微服务及其演进史
- python画人脸代码_10行代码实现python人脸识别
- 第一次软工作业(数独)