'onbeforeunload' срабатывает дважды

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

Учитывая следующий код:

<script>
    function doSomething() { console.log('onbeforeunload fired'); }
    window.onbeforeunload = doSomething;
</script>
<a href="garbage">link A</a>
<a href="http://google.com">link B</a>

Если я нажму на ссылку A, я получу две записи журнала консоли, если я нажму на ссылку B, я получу только одну.

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

У меня была та же проблема, и мне потребовалось некоторое время, чтобы понять и решить, поделившись подробностями дела:

В нашем шаблоне был собственный JS, который управлял меню. Это привело к тому, что выгрузка сработала дважды, только при нажатии на ссылки меню, а не на другие ссылки, и только в IE/EDGE.

В конце концов мы остановили распространение по этим ссылкам, и проблема была решена.

$('.SELECTOR a[href^="http://"]').on('click', function(e){
    e.stopPropagation();
});

Это конкретная ошибка в вашем приложении, поэтому в гугле вы не найдете слишком много информации.

Вы можете попробовать следующий код:

<script type="text/javascript"><br>
     window.onbeforeunload=function sendajax(){<br>
        $.ajax({<br>
          url: "someurl",<br>
          data: mydata,<br>
          async : false<br>
        });<br>
};<br>
</script>

или вы можете определить sendajax() {} в каком-то месте и использовать его как onbeforeunload = "sendajax()", а не как onbeforeunload = "function () { sendajax() }"

beforeUnload можно отменить

Я знаю, что этот пост довольно старый, но из документации API Chrome Pagelifecycle браузеры могут иногда частично выгружать страницы для экономии ресурсов. https://developers.google.com/web/updates/2018/07/page-lifecycle-api beforeUnload не обеспечивает надежного закрытия страницы. Особенно это происходит на устройствах Android, когда экран заблокирован.

Я обнаружил, что есть jsfiddle, который кто-то написал, и вы можете протестировать https://jsfiddle.net/ov6b9pdL/. Держите экран заблокированным в течение 5-10 минут в Chrome Android, и вы увидите, что beforeUnload запускается, даже не закрывая вкладку.

$(document).ready(function() {
    window.addEventListener('beforeunload', showLoader);
});

var showLoader = function() {
    $('#loader').show();
};

Согласен с концепцией Алона Михаэли. В моем приложении был тег привязки, завернутый в div вместе с парой спанов. Когда Anchor нажали на грязную страницу, появилось несколько уведомлений «Покинуть сайт». Он работал нормально, если щелкнуть любую другую часть menuItem (div или span). Поэтому в пользовательском методе javascript я добавил остановленное распространение и preventDefault, только если щелкнут тег привязки. Как-то в этом случае нужен preventDefault.

function menuItemClicked(event: JQueryEventObject) {
  var item = $(event.target);
  if (item.is(".anchor-item")) { 
    event.stopPropagation();
    event.preventDefault();
  }
  href = item.closest(".anchor-item").attr("href");
  if (!event.ctrlKey && href) {
    window.location.href = href;
  }
}