Запускать код JavaScript при закрытии окна или обновлении страницы?

Есть ли способ запустить окончательный код JavaScript, когда пользователь закрывает окно браузера или обновляет страницу?

Я думаю о чем-то похожем на onload, но больше на onclose? Спасибо.

Мне не нравится метод onbeforeunload, который всегда приводит к всплывающему окну подтверждения (оставить страницу / остаться в Mozilla) или (перезагрузить / не перезагружать в Chrome). Есть ли способ выполнить код незаметно?

Существуют оба варианта: window.onbeforeunloadи window.onunload, которые используются по-разному в зависимости от браузера. Их можно назначить либо установив свойства окна для функций, либо используя .addEventListener:

window.onbeforeunload = function(){
   // Do something
}
// OR
window.addEventListener("beforeunload", function(e){
   // Do something
}, false);

Обычно onbeforeunloadиспользуется, если вам нужно запретить пользователю покидать страницу (например, пользователь работает с некоторыми несохраненными данными, поэтому он / она должны сохранить перед уходом). Насколько я знаю, Operaonunload не поддерживает , но вы всегда можете установить и то, и другое.

Хорошо, я нашел для этого рабочее решение, оно состоит из использования beforeunloadсобытия и последующего возврата обработчика null. Это выполнит требуемый код без всплывающего окна подтверждения. Это выглядит примерно так:

window.onbeforeunload = closingCode;
function closingCode(){
   // do something...
   return null;
}

Надеюсь это поможет.

Иногда вам может понадобиться сообщить серверу, что пользователь покидает страницу. Это полезно, например, для очистки несохраненных изображений, временно хранящихся на сервере, для того, чтобы пометить этого пользователя как «оффлайн» или для регистрации, когда они завершили свой сеанс.

Раньше вы отправляли в beforeunloadфункции запрос AJAX , однако здесь возникают две проблемы. Если вы отправляете асинхронный запрос, нет никакой гарантии, что запрос будет выполнен правильно. Если вы отправляете синхронный запрос, он более надежен, но браузер будет зависать, пока запрос не будет завершен. Если это медленный запрос, это будет огромным неудобством для пользователя.

К счастью, теперь у нас есть navigator.sendBeacon(). Используя этот sendBeacon()метод, данные передаются на веб-сервер асинхронно, когда пользовательский агент имеет возможность сделать это, не задерживая выгрузку и не влияя на производительность следующей навигации. Это решает все проблемы с отправкой данных аналитики: данные отправляются надежно, они отправляются асинхронно и не влияют на загрузку следующей страницы. Вот пример его использования:

window.addEventListener("unload", logData, false);

function logData() {
  navigator.sendBeacon("/log.php", analyticsData);
}

sendBeacon()это поддерживается в:

• Край 14
• Firefox 31
• Хром 39
• Safari 11.1
• Опера 26
• iOS Safari 11.4

В настоящее время НЕ поддерживается в:

• Internet Explorer
• опера мини

Вот полифилл для sendBeacon () на случай, если вам нужно добавить поддержку неподдерживаемых браузеров. Если метод недоступен в браузере, вместо этого он отправит синхронный запрос AJAX.

версия jQuery:

$(window).unload(function(){
    // Do Something
});

Обновление : jQuery 3:

$(window).on("unload", function(e) {
    // Do Something
});

Спасибо Гарретт

В документации предлагается прослушивание события onbeforeunload и / или добавление прослушивателя событий в окне.

window.addEventListener('beforeunload', function(event) {
  //do something here
}, false);

Вы также можете просто заполнить свойства .onunload или .onbeforeunload окна функцией или ссылкой на функцию.

Хотя поведение не стандартизировано для браузеров, функция может возвращать значение, которое браузер будет отображать при подтверждении необходимости покинуть страницу.

Вы можете использовать window.onbeforeunload.

window.onbeforeunload = confirmExit;
function confirmExit(){
    alert("confirm exit is being called");
    return false;
}

Событие вызывается beforeunload, поэтому вы можете назначить функцию window.onbeforeunload.

Вы можете попробовать что-то вроде этого:

<SCRIPT language="JavaScript">
<!--
function loadOut()
{
window.location="http://www.google.com";
}
//-->
</SCRIPT>

<body onBeforeUnload="loadOut()">