Onbeforeunload: как использовать событие ухода пользователя с сайта

Событие onbeforeunload возникает, когда пользователь собирается покинуть страницу или закрыть окно браузера. Данное событие позволяет выполнить предварительную обработку и запросить подтверждение действий пользователя.

Пример использования события onbeforeunload:

javascript
window.onbeforeunload = function(event) {
  var message = "Вы действительно хотите покинуть страницу?";
  if (typeof event == "undefined") {
    event = window.event;
  }
  if (event) {
    event.returnValue = message;
  }
  return message;
}

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

Для отключения данного события можно использовать метод removeEventListener:

javascript
window.removeEventListener("beforeunload", functionName);

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