是否有任何跨浏览器的JavaScript/jQuery代码来检测浏览器或浏览器标签是否正在关闭，但不是由于链接被单击?
当前回答
<body onbeforeunload="ConfirmClose()" onunload="HandleOnClose()">
var myclose = false;
function ConfirmClose()
{
if (event.clientY < 0)
{
event.returnValue = 'You have closed the browser. Do you want to logout from your application?';
setTimeout('myclose=false',10);
myclose=true;
}
}
function HandleOnClose()
{
if (myclose==true)
{
//the url of your logout page which invalidate session on logout
location.replace('/contextpath/j_spring_security_logout') ;
}
}
//如果你正在关闭标签或只有一个标签的浏览器，这在IE7中是有效的
其他回答
$(window).unload( function () { alert("Bye now!"); } );
来自MDN文档
由于某些原因，基于webkit的浏览器不符合对话框的规范。一个几乎交叉工作的例子与下面的例子很接近。
window.addEventListener("beforeunload", function (e) {
var confirmationMessage = "\o/";
(e || window.event).returnValue = confirmationMessage; //Gecko + IE
return confirmationMessage; //Webkit, Safari, Chrome
});
本例处理所有浏览器。
onunload是Chrome的答案。根据caniuse它的交叉浏览器。但并非所有浏览器的反应都一样。
window.onunload = function(){
alert("The window is closing now!");
}
developer.mozilla.org
这些事件在窗口卸载其内容和资源时触发。
铬:
Onunload只在页面关闭时执行。它甚至不会在页面刷新和导航到另一个页面时执行。
Firefox v86.0版本:
它根本不会执行。页面刷新，导航离开，关闭浏览器标签，关闭浏览器，什么都没有。
由于没有人提到它(8年多以后):WebSocket可以是检测关闭选项卡的另一种有效方法。只要选项卡打开并指向主机，客户端就能够保持到主机的活动WebSocket连接。
警告:请注意，这个解决方案只适用于WebSocket不需要任何额外的重大开销的项目。
在合理的超时时间内(例如2分钟)，服务器端可以在WebSocket断开连接后确定客户端已经离开，并执行所需的任何操作，例如删除上传的临时文件。(在我非常专业的用例中，我的目标是在WebSocket连接断开和所有CGI/FastCGI活动终止三秒钟后终止本地主机应用服务器-任何其他保持活动的连接都不会影响我。)
我有问题让onunload事件处理程序正确地与信标一起工作(正如这个答案所推荐的)。关闭选项卡似乎不会触发信标，而打开选项卡则会以可能导致问题的方式触发信标。WebSocket更干净地解决了我遇到的问题，因为连接关闭的时间与选项卡关闭的时间大致相同，在应用程序中切换页面只是在延迟窗口内打开一个新的WebSocket连接。
I have tried all above solutions, none of them really worked for me, specially because there are some Telerik components in my project which have 'Close' button for popup windows, and it calls 'beforeunload' event. Also, button selector does not work properly when you have Telerik grid in your page (I mean buttons inside the grid) So, I couldn't use any of above suggestions. Finally this is the solution worked for me. I have added an onUnload event on the body tag of _Layout.cshtml. Something like this:
<body onUnload="LogOff()">
然后添加LogOff函数重定向到Account/LogOff，这是Asp中的内置方法。净MVC。现在，当我关闭浏览器或选项卡，它重定向到LogOff方法和用户必须登录时返回。我已经在Chrome和Firefox中进行了测试。它确实有效!
function LogOff() {
$.ajax({
url: "/Account/LogOff",
success: function (result) {
}
});
}
