JavaScript、浏览器、窗口关闭-发送AJAX请求或在窗口关闭时运行脚本
我试图找出用户何时离开指定页面。找出他何时使用页面内的链接来导航是没有问题的，但我需要做一些标记，比如当他关闭窗口或键入另一个URL并按下enter键时。第二个并不重要，但第一个很重要。问题是： 当用户关闭我的页面（capture window.close事件），然后。。。这并不重要（我需要发送一个AJAX请求，但如果我能让它运行警报，我可以完成其余的工作）。使用：JavaScript、浏览器、窗口关闭-发送AJAX请求或在窗口关闭时运行脚本,javascript,browser,window,dom-events,Javascript,Browser,Window,Dom Events,我试图找出用户何时离开指定页面。找出他何时使用页面内的链接来导航是没有问题的，但我需要做一些标记，比如当他关闭窗口或键入另一个URL并按下enter键时。第二个并不重要，但第一个很重要。问题是： 当用户关闭我的页面（capture window.close事件），然后。。。这并不重要（我需要发送一个AJAX请求，但如果我能让它运行警报，我可以完成其余的工作）。使用： <body onUnload="javascript:"> 它应该捕获除关闭浏览器程序之外的所有内容。使用： &
<body onUnload="javascript:">
<body onUnload="javascript:">
它应该捕获除关闭浏览器程序之外的所有内容。有
卸载卸载前如果你确实需要这个，考虑一个“ping”样式的解决方案。每分钟发送一个请求，基本上告诉服务器“我还在这里”。然后，如果服务器不接受这样的请求超过两分钟（您必须考虑延迟等），则认为客户端离线。
另一种解决方案是使用
unloadbeforeunloadunloadbeforeunload如果你确实需要这个，考虑一个“ping”样式的解决方案。每分钟发送一个请求，基本上告诉服务器“我还在这里”。然后，如果服务器没有收到这样的请求超过两分钟（你必须考虑延迟等），你认为客户端离线。
另一种解决方案是使用
unloadbeforeunload你想在windows关闭时运行的代码…我同意Felix的想法，我已经用该解决方案解决了我的问题，现在我想清除服务器端解决方案： 1.从客户端向服务器发送请求 2.保存变量中接收到的最后一个请求的时间 3.检查服务器时间，并将其与上次接收的变量进行比较 请求 4.如果结果超出预期时间，则开始运行
您希望在windows关闭时运行的代码…我还希望实现相同的功能&这是Felix给出的答案（不保证在这些事件中启动的请求会到达服务器） 为了使请求到达服务器，我们尝试了以下代码：-
onbeforeunload = function() {
//Your code goes here.
return "";
}
我们正在使用IE浏览器&现在，当用户关闭浏览器时，他会收到确认对话框，因为
返回“；onbeforeunload = function() {
//Your code goes here.
return "";
}
我们正在使用IE浏览器&现在，当用户关闭浏览器时，他会收到确认对话框，因为
return“”# lifecycle.js (1K) for cross-browser compatibility
# https://github.com/GoogleChromeLabs/page-lifecycle
<script defer src="/path/to/lifecycle.js"></script>
<script defer>
lifecycle.addEventListener('statechange', function(event) {
if (event.originalEvent == 'visibilitychange' && event.newState == 'hidden') {
var URL = "https://example.com/foo";
var data = "bar";
navigator.sendBeacon(URL, data);
}
});
</script>
var URL = "https://example.com/foo";
var data = "bar";
navigator.sendBeacon(URL, data);
document.addEventListener('visibilitychange', function() {
if (document.visibilityState == 'hidden') {
// send beacon request
}
});
# lifecycle.js (1K) for cross-browser compatibility
# https://github.com/GoogleChromeLabs/page-lifecycle
<script defer src="/path/to/lifecycle.js"></script>
<script defer>
lifecycle.addEventListener('statechange', function(event) {
if (event.originalEvent == 'visibilitychange' && event.newState == 'hidden') {
var URL = "https://example.com/foo";
var data = "bar";
navigator.sendBeacon(URL, data);
}
});
</script>
$(window).bind('mouseover', (function () { // detecting DOM elements
window.onbeforeunload = null;
}));
$(window).bind('mouseout', (function () { //Detecting event out of DOM
window.onbeforeunload = ConfirmLeave;
}));
function ConfirmLeave() {
if (performance.navigation.type == 1) { //detecting refresh page(doesnt work on every browser)
}
else {
logOutUser();
}
}
$(document).bind('keydown', function (e) { //detecting alt+F4 closing
if (e.altKey && e.keyCode == 115) {
logOutUser();
}
});
function logOutUser() {
$.ajax({
type: "POST",
url: GWA("LogIn/ForcedClosing"), //example controller/method
async: false
});
}
io.on('connection', function(socket){
socket.on('disconnect', function(){
// Do stuff here
});
});