отлов перед подтверждением выгрузки отменен?

Используемый вами метод (предотвращение всплытия события) намеренно невозможен, иначе вы можете запретить пользователям покидать вашу страницу.

Вы можете добиться чего-то похожего на то, что хотите, выполнив очистку onunload и сделав то, что вы всегда хотите делать onbeforeunload.

Насколько я читал об этом методе на различных форумах браузеров, таких как MSDN, MozillaDev и т. Д., Этот метод не имеет обратных вызовов для OK / Cancel. У вас есть это для диалога подтверждения, но не для этого.

Это реализация безопасности, позволяющая пользователям иметь полное право выбирать, какой веб-сайт им следует просматривать. Кроме того, он не позволяет хакерам блокировать доступ пользователей к своим сайтам.

Но я хочу больше знать, уйдет он или нет, и действовать в соответствии с его решением.

Если вы хотите что-то сделать, когда он уйдет, вы можете сделать это в unload событии. Например, как упомянул @Erik Bakker, вы можете отправлять асинхронные события в unload событии.

Однако, если вы хотите узнать, «остался» ли пользователь, то есть отменил ли процесс ухода, есть способ. Это вроде как хакерство, но работает.

const doSomethingWhenUserStays = function doSomethingWhenUserStays() {
  alert('user stayed!!!');
}


window.addEventListener('beforeunload', function onBeforeUnload(e) {
  setTimeout(doSomethingWhenUserStays, 500);
  
  // Dialog text doesn't really work in Chrome.
  const dialogText = 'A dialog text when leaving the page';
  e.returnValue = dialogText;
  return dialogText;
});

Метод doSomethingWhenUserStays будет вызываться каждый раз, но если пользователь покинет страницу, он все равно не увидит, что он выполнял. Он может выполнять асинхронные операции, синхронно, это не имеет особого значения, потому что он находится в пределах setTimeout, следовательно, он находится вне нормального потока onBeforeUnload и не будет мешать ему.

Если вы хотите выполнять это ТОЛЬКО, если пользователь действительно остается на странице, это немного сложнее. Вам нужно будет установить глобальный флаг, который проверяет, достиг ли пользователь разгрузки или нет, и только затем вызывать то, что находится внутри doSomethingWhenUserStays. Рассмотрим следующий пример.

let hasUserLeft = false;

const doSomethingWhenUserStays = function doSomethingWhenUserStays() {
  // Perform the following only if user hasn't left the page
  if (!hasUserLeft) {
    alert('user stayed!!!');
  }
}


window.addEventListener('beforeunload', function onBeforeUnload(e) {
  // It won't perform doSomethingWhenUserStays in 500ms right after this is called,
  // but instead, it will perform it in 500ms after you click "Stay" or "Leave".
  // Therefore, there should be some time for `unload` handler to fire and
  // set `hasUserLeft` flag before `doSomethingWhenUserStays` is called.
  setTimeout(doSomethingWhenUserStays, 500);
  
  // Dialog text doesn't really work in Chrome.
  const dialogText = 'A dialog text when leaving the page';
  e.returnValue = dialogText;
  return dialogText;
});


window.addEventListener('unload', function onUnload() {
  hasUserLeft = true;
});