首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >web项目如何监听用户关闭浏览器tab、窗口事件?

web项目如何监听用户关闭浏览器tab、窗口事件?

提问于 2017-11-28 04:14:52
回答 2关注 0查看 1.5K

在web前端项目中,需要实现一个需求

1、记录用户登录登出行为

2、用户关闭窗口则记录登出

遇到一个问题没卡过去。就是怎么样监听到用户关闭了窗口?如何判断用户开了多个tab,关闭一个不属于登出行为?刷新页面时也不属于登出行为。

没有很好的思路。求解

回答 2

天使的炫翼

发布于 2017-11-28 06:05:26

换个思路,不用去监听浏览器本身.而是做个长链或者websocket就行了,这个和统计在线人数的道理一样.

至于所谓的判断用户开了多个tab,关闭一个不属于登出行为,你可以给每个用户做个特征比如user_id.

例如:

代码语言:txt
AI代码解释
复制
$userList[$uid]=0;
代码语言:txt
AI代码解释
复制
on('login')时,++$userList[$uid];//=1便是则首次登录
代码语言:txt
AI代码解释
复制
on('disconnect')时,--$userList[$uid];//=1便是最后一次断开

这样就完美了.

补充个突然想到的比喻:判断鱼儿上钩,不是去盯着鱼有没有张嘴,而是盯着线有没有动.

嗝屁

发布于 2017-11-28 06:05:15

将token保存在sessionstorage里试试?

和开发者交流更多问题细节吧,去 写回答
相关文章
浏览器标签tab窗口切换时事件状态侦听
项目中使用到了websocket,用户在浏览器窗口切换或者浏览器最下话后,websocket的状态有可能断开,且没有重试机制,所以想通过用户回到当前页面的时候,系统能够自动刷新,重新连接socket
joshua317
2021/08/31
2.5K0
Web 游戏监听浏览器返回点击事件 !
做 web 游戏时,通常游戏是嵌入到 app 内部,通过 app 内部入口,跳转进入所开发的 web 游戏,app 内会预留返回功能,web 游戏可以使用 webview 自带的返回,实现游戏内不同场景的跳转。
一枚小工
2020/07/22
1.9K0
javascript如何监听页面刷新和页面关闭事件
在我们的日常生活中,时常遇到这么一种情况,当我们在点击一个链接、关闭页面、表单提交时等情况,会提示我们是否确认该操作等信息。
兔云小新LM
2020/05/19
12.7K0
React技巧之处理tab页关闭事件
原文链接:https://bobbyhadz.com/blog/react-handle-tab-close-event[1]
chuckQu
2022/08/19
2K0
js监听用户的键盘敲击事件,兼容各大主流浏览器
js监听用户的键盘敲击事件,兼容各大主流浏览器 <script type="text/javascript"> document.onkeydown = function (event) { var e = event || window.event || arguments.callee.caller.arguments[0]; if (e && e.keyCode == 27) { // 按 Esc
小小许
2018/09/20
4.2K0
Easyui 关闭jquery-easui tab标签页前触发事件
点击父页面tab 页关闭按钮时,需要做判断,判断该tab页面是否可以关闭:获取子页面js中定义的taskStatus,如果taskStatu不为taskEnd,则表示任务还在执行,不让关闭
授客
2019/09/10
2.5K0
Easyui 关闭jquery-easui tab标签页前触发事件
全网最详细的谷歌插件开发小册📚
可能是全网最详细的谷歌插件开发小册👏🏻,之前写谷歌插件的时候绕了一圈网上的教程,没有发现比较好的文档教程,索性根据官方文档梳理一遍,避免后面学习的同学继续踩坑!!!
linwu
2023/07/26
1.3K0
chrome 技巧篇-如何查看web元素绑定的监听事件
第三步:右边选择 Event Listeners 页签,并取消勾选 Ancestors All。这个包含该元素所有父类绑定的监听事件。
小蓝枣
2020/09/25
8.3K0
chrome 技巧篇-如何查看web元素绑定的监听事件
监控浏览器tab切换或最小化事件
背景:最近遇到1个项目,业务方调用了后端1个开销较大的接口,用于页面实时监控一些关键指标,页面是自动定时请求接口刷新数据,随着用户的增加,后端压力比较大,分析发现,很多用户日常使用过程中,并不是一直盯着屏幕看,有时候人离开了(比如下班),或者把监控页切到后台或最小化,干其它事去了,但是页面上的定时请求仍然在一直跑着,造成了相当于部分无用请求。
菩提树下的杨过
2022/08/23
5850
基于HTML5的WebGL应用内存泄露分析
上篇(http://www.hightopo.com/blog/194.html)我们通过定制了CPU和内存展示界面,体验了HT for Web通过定义矢量实现图形绘制与业务数据的代码解耦及绑定联动,这类案例后续文章还会继续以便大家掌握更多的矢量应用场景,本篇我们先切换个话题,谈谈模型-视图-事件之间的关系。 http://www.hightopo.com/guide/guide/core/beginners/examples/example_overview.html 图形组件设计架构上主要就是在规划Da
HT_hightopo
2018/07/09
2.3K0
HT图形组件设计之道(三)
上篇我们通过定制了CPU和内存展示界面,体验了HT for Web通过定义矢量实现图形绘制与业务数据的代码解耦及绑定联动,这类案例后续文章还会继续以便大家掌握更多的矢量应用场景,本篇我们先切换个话题,谈谈模型-视图-事件之间的关系。 图形组件设计架构上主要就是在规划Data模型,View视图和Event事件之间的关系,这些年业界逐渐将各种GUI设计模式提炼成理论归类,MVC、MVP和MVVM的主要大类常被统称为MV*,有很多文章进行各种设计模式的定义和比较,本篇不打算深入展开理论的讨论,不同图形组件设计架构
HT_hightopo
2018/07/09
1.6K0
基于HTML5的WebGL应用内存泄露分析
本文介绍了HT for Web在3D Web场景下的应用,并分析了基于Web的3D引擎在HT for Web中的实现。通过一个具体的实例,展示了HT for Web在3D Web场景下的应用效果。同时,文章还探讨了在3D Web场景下,HT for Web的性能和内存优化问题。
HT for Web
2018/01/03
3.1K0
基于HTML5的WebGL应用内存泄露分析
HT图形组件设计之道(三)
本文介绍了HT引擎的Graph3dView组件在浏览器中WebGL内存泄漏的解决方案。作者通过在HT引擎中添加一个自定义的内存管理类,在Graph3dView组件中实现对象的创建和销毁,从而解决了浏览器中WebGL内存泄漏的问题。同时,作者还介绍了该解决方案在实际项目中的应用,并通过实例来证明其有效性。
HT for Web
2018/01/03
2.7K0
HT图形组件设计之道(三)
WinForm中如何判断关闭事件来源于用户点击右上角的“关闭”按钮
在C#的WinForm程序中,有的时候需要判定关闭请求从哪里发出来的。比如是用户点击了右上角的“关闭”按钮,还是调用了WinForm.Close()方法。最典型的是要知道点击右上角的“关闭”按钮发出的事件。下面这个方法可以判断这点:
跟着阿笨一起玩NET
2018/09/19
2.9K0
关闭浏览器触发监听器,向后端发送请求
项目使用Vue + SpringBoot搭建的前后端分离项目,后端存储用户登录信息和Token。现在的需求是,多端只可以有一个用户登录,当一个用户关闭浏览器或者关闭标签页时,向后端发送请求删除该用户的登录信息,以此来解决用户及时下线的目的。
猫老师的叶同学
2023/03/01
1.6K0
关闭浏览器触发监听器,向后端发送请求
JS监听页面关闭
JS可以监听浏览器页面的关闭,主要使用了window对象的onbeforeunload方法
书童小二
2018/09/03
77.1K1
JS监听页面关闭
前端-如何精确统计页面停留时长
页面停留时间(Time on Page)简称 Tp,是网站分析中很常见的一个指标,用于反映用户在某些页面上停留时间的长短,传统的Tp统计方法会存在一定的统计盲区,比如无法监控单页应用,没有考虑用户切换Tab、最小化窗口等操作场景。 基于上述背景,重新调研和实现了精确统计页面停留时长的方案,需要 兼容单页应用和多页应用,并且不耦合或入侵业务代码。
grain先森
2019/03/29
10K0
前端-如何精确统计页面停留时长
Python 技术篇-pyhook暂停键盘鼠标监听事件,停止键盘鼠标监听事件且不关闭程序
很多时候只是要暂停一下或只想关闭监听,并不想把程序关闭。 但是网上搜了半天,没有找到,然后自己就去翻了翻源码,发现了。
小蓝枣
2020/09/23
4190
点击加载更多

相似问题

在浏览器或页面关闭时如何监听用户操作?

21.1K

用户语音开启或关闭时,调用publishLocalAudio等方法,会触发进出房间的事件监听?

0246

Webhook - 监听事件?

1179

如何关闭Word文档窗口?

1244

JavaFX的WebView控件如何监听href事件?

0804
相关问答用户
腾讯云TDP | TDP会员擅长3个领域
到家集团 | 技术VP擅长5个领域
腾讯云TDP | KOL擅长5个领域
web前端擅长4个领域
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文