Подтверждение JavaScript перед выходом со страницы

Чтобы пользователи не могли случайно покинуть страницу без подтверждения, вы можете реализовать окно подтверждения с помощью JavaScript.

Использование onbeforeunload

Событие onbeforeunload срабатывает когда пользователь собирается покинуть страницу. Код, помещенный в этот прослушиватель событий, отобразит пользователю окно подтверждения. Если пользователь выбирает «ОК», это указывает на его намерение выйти, а выбор «Отмена» прерывает процесс выхода. Вы не можете перенаправить пользователя, если он решит остаться на странице.

window.onbeforeunload = function() {
  return 'Are you sure you want to leave?';
};

Использование jQuery

jQuery предоставляет упрощенный метод для обработки события beforeunload:

$(window).bind('beforeunload', function(){
  return 'Are you sure you want to leave?';
});

Использование onunload

Хотя событие onunload часто используется для задач очистки перед выгрузкой страницы, оно не может перенаправить пользователя. Тем не менее, он все равно может быть полезен для отображения прощального сообщения или предупреждения. Обратите внимание, что Chrome 14 и более поздние версии блокируют оповещения в onunload.

window.onunload = function() {
    alert('Bye.');
}

Реализация jQuery

$(window).unload(function(){
  alert('Bye.');
});