Javascript监听浏览器tab关闭
程序员文章站
2022-07-13 10:29:59
...
Javascipt监听浏览器tab关闭:
IE
支持得相对好一点:监听鼠标点击关闭按钮或者按Ctrl+F4组合键,在onunload处理函数中,浏览器可以发送请求到服务器,让服务器做相关的处理。
Safari, Firefox
能够在onunload处理函数中正确判断,但此时浏览器无法向服务器发送请求。
如果我们使用onbeforeunload处理函数,此时浏览器可以向服务器发送请求,但无法判断浏览器是刷新,转到别的页面还是关闭。
IE
支持得相对好一点:监听鼠标点击关闭按钮或者按Ctrl+F4组合键,在onunload处理函数中,浏览器可以发送请求到服务器,让服务器做相关的处理。
Safari, Firefox
能够在onunload处理函数中正确判断,但此时浏览器无法向服务器发送请求。
如果我们使用onbeforeunload处理函数,此时浏览器可以向服务器发送请求,但无法判断浏览器是刷新,转到别的页面还是关闭。
window.onunload = function unLoad( e ) { if (window.event) { // IE browser, could work e = window.event; if (e.clientY < 0 || e.ctrlKey) { // Handle two scenarios: click the x button of the tab or press Ctrl + F4 logout(); } } else if (window.event) { // Safari if (document.documentElement.scrollWidth == 0) { logout(); // Couldn't send the request to the server when unload event occurred in Safari } } else { // Firefox, could listen to the event, but couldn’t send the logout() request to server if (document.documentElement.scrollWidth == 0) { // Alternatively, if we choose the window.onbeforeunload event, which could be triggered by refreshing the window or navigating to another page or closing the tab. This condition would never happen despite we could send the logout() request to server logout(); } } }
上一篇: 微服务分布式session共享解决方案
下一篇: MySQL 查看表结构简单命令
推荐阅读
-
Javascript监听浏览器tab关闭
-
js监听浏览器tab窗口切换
-
监听浏览器返回按钮并实现 点击返回关闭当前页面的功能
-
如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”_javascript技巧
-
解决JavaScript关闭浏览器窗口时弹出确认关闭对话框问题
-
解决JavaScript关闭浏览器窗口时弹出确认关闭对话框问题
-
js监听微信浏览器返回按钮事件,关闭微信窗口
-
捕获浏览器关闭、刷新事件不同情况下的处理方法_javascript技巧
-
在浏览器中打开或关闭JavaScript的方法_基础知识
-
关闭浏览器输入框自动补齐 兼容IE,FF,Chrome等主流浏览器_javascript技巧