javascript监控浏览器上的关闭和刷新操作

最新推荐文章于 2023-04-04 09:11:58 发布
VIP文章 最新推荐文章于 2023-04-04 09:11:58 发布
阅读量2.6k 收藏
点赞数
分类专栏： web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiao_xiaoli/article/details/12868937
版权

因为在后台执行了一个死循环进程，需要在退出当前界面的时候将其kill，所以需要在关闭浏览器和刷新时调用函数执行操作

onunload和onbeforeunload 事件是在用户退出页面时（关闭页面或刷新页面）发生，Onbeforeunload是正要去服务器读取新的页面时调用，此时还没开始读取；而onunload则已经从服务器上读到了需要加载的新的页面，在即将替换掉当前页面时调用。Onunload是无 法阻止页面的更新和关闭的。而 Onbeforeunload 可以做到

且在页面卸载之前引发onbeforeunload事件，如果选择“确定离开”将引发onunload事件，若取消，则不做任何操作&

最低0.47元/天 解锁文章
xiao_xiaoli
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
可以自动控制网页操作的浏览器MutouBrowser(Pro).rar
08-10
木头多功能浏览器(专业版)可以生成自动刷新网页监控网页局部内容变化、网页自动点击、自动批量填写表单等功能。 木头多功能浏览器(专业版)完美支持HTML5，多用户多选项卡的调整网页浏览器。在一台电脑上实现登录同...
监听浏览器刷新和关闭事件；visibilitychange
莉莉的博客
02-10 3007
监听浏览器刷新和关闭事件；visibilitychange
监听浏览器刷新事件,拦截浏览器返回，js监听移动端浏览器页面显示、隐藏
qq_40591925的博客
08-08 9533
注: onbrforeunload和onunload都会在刷新和关闭页面是触发，但是onbeforeunload在onunload之前执行，并且它还可以阻止onunload的执行。那么在页面刷新时执行顺序就是onbeforeunload、onunload、onload。
VUE监听网页关闭和隐藏显示
qq_42717015的博客
04-04 2718
VUE监听网页关闭和隐藏显示
javascript 中文解码
weixin_42333548的博客
06-13 1453
路径中包含中文，接收到之后会出现乱码，如何解决呢？ var str = 'http://test.xxx.com/oss-download/583a02dead3e04a62586b82d493ecbac/黑盒测试用例设计方法.doc'; console.log(encodeURL(str)); // encodeURL() 中文编码 结果： "http://test.xxx.com...
js监听浏览器关闭页面事件
热门推荐
佳佳鸽的博客
01-24 1万+
window.onbeforeunload = function() { //功能函数 } window.onbeforeunload = function(e) { var e = window.event ||e; e.returnValue=("是否确定关闭页面"); } 加入js文件后，查看网页效果： 点击网页对应窗口的关闭按钮，会弹窗如下弹窗： ...
IPCam_monitor:简单的IPCam监控系统
05-03
简单的网络摄像机监控系统- 路线图 修复服务无法在旧浏览器中运行的错误 想一想，几秒钟就能完成工作 使用相框的功能使自动刷新图片的模式更柔和 测试通过MQTT传输的快照的收集器 执照 此项目已获得MIT许可证...
stations-monitor:充电站监控原型应用
04-05
使用路由器（reach-router）为每个站点详细信息页面生成单独的URL，以便用户可以刷新浏览器页面并停留在同一站点上。 分页将是“电台”列表组件的明显改进。 最好实现某种缓存管理机制，以便在从API加载新数据时...
com.sogou.liveReload:修改代码 实时刷新
06-21
应用于web开发 监控 html js css 包括引入的外部资源发生改变的时候自动刷新页面； 但不支持 SogouExplorer Extension 的开发 因为无法监视 background 部分 如需要只能手动配置 copy liveBgPage.js,在background....
JAVA上百实例源码以及开源项目源代码
09-17
（1）提高文件的共享性（计算机程序和/或数据），（2）鼓励间接地（通过程序）使用远程计算机，（3）保护用户因主机之间的文件存储系统导致的变化，（4）为了可靠和高效地传输，虽然用户可以在终端上直接地使用它，...
用JS判断浏览器刷新还是关闭
08-21
怎么用JS判断浏览器刷新还是关闭asp.net
监控用户是否关闭浏览器的js代码
10-29
BS系统一个非常烦人的地方是不知道用户什么时候关闭浏览器离开系统.这里,我们采用onbeforeunload参数监控用户是否关闭浏览器.
js 监听浏览器页面关闭事件
PrimaryColor
05-25 5549
方法： window.onbeforeunload = function() { //功能函数 } 如果想阻止关闭，给一个确认弹窗： window.onbeforeunload = function(e) { var e = window.event ||e; e.returnValue="确认关闭页面吗？"; } 不过returnValue给的字符是没有用的，浏览器始终都只会返回固定的提示，如下： ...
js监听浏览器关闭的问题
我的技术笔记
05-24 573
最近在一个网页上需要监视用户是否点击关闭窗口的动作，在网上查了个遍，总结一下： 1. 利用window.onbeforeunload()和window.onunload()事件，但是在关闭当前窗口，跳转到其它窗口，刷新窗口，回退/前进，回主页的操作时都会触发该动作： [code="javascript"] [/code] 2. 判断是否点击窗口右上角叉号，区分是否为关闭...
vue 监听浏览器网页关闭和网页刷新事件
weixin_60842212的博客
10-18 1万+
监听浏览器页面关闭/刷新事件。浏览器页面关闭后删除local storage、session、cookie、发送请求等。
js 监听浏览器刷新操作
PrimaryColor
09-24 1万+
代码： window.addEventListener("beforeunload", function (e) { //不是所有浏览器都支持提示信息的修改 var confirmationMessage = "请先保存您编辑的内容,否则您修改的信息会丢失。"; e.returnValue = confirmationMessage; return confirmationMessage; }); ......
浏览器事件 - 监听浏览器刷新问题及解决方案
weixin_45176415的博客
09-07 1万+
1. 浏览器事件： 浏览器的刷新和关闭 onbeforeunload： 在页面刷新和关闭的时候触发事件，表示正要去服务器读取新的页面时调用，此时还没开始读取。 例如: 刷新浏览器的时候tab会切换到默认值,而浏览器缓存却还是老样子,这样就可以使用浏览器恢复默认 //检测浏览器刷新 window.onbeforeunload = function() { //设置默认sessionStorage值 sessionStorage.removeItem('tab','tab1') } onu
js监控浏览器的操作状态
猴子年华的专栏
03-03 724
js监控浏览器的操作状态： $(function(){ // 对于ie，谷歌，360：,页面加载时只执行onload // 页面刷新时，刷新之前执行onbeforeunload事件，在新页面即将替换旧页面时onunload事件，最后onload事件。 // 页面关闭时，先onbeforeunload事件，再onunload事件。 window.onbeforeunload = function (){ onClose
【不得不看的几种js监听浏览器返回,关闭,刷新】
qq_44749901的博客
04-11 1万+
你不得不知道的几种js监听浏览器返回,关闭,刷新,
JavaScript中浏览器刷新的代码怎么写
最新发布
06-11
在 JavaScript 中，可以使用 `location.reload()` 方法来实现浏览器刷新。具体代码如下： ```javascript location.reload(); ``` 当调用该方法时，浏览器会重新加载当前页面，并且会强制从服务器重新获取最新的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值