Обнаружение события закрытия окна в Firefox

Не существует однозначного способа определить, почему/как страница выгружается. Вы можете перестроить свой сайт, чтобы использовать популярный в настоящее время метод «якорной навигации», который сохраняет данные в якоре HTML, например http://www.example.com/page#something=something. Это, по крайней мере, обычно решает проблему с кнопками «назад/вперед», но не когда пользователь перезагружает страницу.

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

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

Отслеживание событий клавиатуры немного более детерминировано, но все же требует некоторых исследований в разных браузерах и платформах. Я оставляю вам этот код, который, я надеюсь, может работать как шаблон. Он регистрирует нажатия клавиш и подавляет сообщение, если была нажата F5 или Apple + R (Mac). В противном случае он покажет сообщение, содержащее список всех зарегистрированных нажатий клавиш.

Анализ нуждается в тестировании и расширении; это было протестировано только на Firefox Mac. Одна ошибка, на которую я могу сразу указать, заключается в том, что если вы нажмете Apple + R, R, вы все равно получите запрос, потому что экземпляр второй страницы никогда не записывал никаких событий нажатия клавиши для клавиши Apple — только для клавиши R. Это также не удастся, если пользователь нажмет что-то между ними, например Apple+L,R. Вы можете просто проверить, была ли последняя нажатая клавиша R.

<script>
// Create an empty array.
window.keys = [];

// Log every key press
window.onkeydown = function (e) {
  var evt = window.event || e;

  var keyCode = e.keyCode || e.which;

  window.keys.push(keyCode)

}

function analyzeKeyPresses(){
  keys.reverse();   // Reverse the array so it's easier to handle.
  var doBlock = true;

  // Here we only apply certain checks if there are enough keys in the array. Don't want a JS error...
  switch(window.keys.length){
    case 0:
      doBlock = true;  // Redundant. If there are no key presses logged, assume we should prompt the user.
      break;
    default: // Two or more key presses logged.
      if(keys[0] == 82 && keys[1] == 224) doBlock = false;  // User pressed apple+r on a Mac - don't prompt!
      if(keys[0] == 82 && keys[1] == 17)  doBlock = false;  // User pressed ctrl+r on Windovs (untested) - don't prompt!

      // Note: No break! Intentional fall-through! We still want to check for F5!
    case 1:  // One or more key presses logged.
      if(keys[0] == 116) doBlock = false;   // User pressed F5 - don't prompt!
  }

  keys.reverse();   // Un-reverse the array in case we need to use it again. (Easier to read...)
  return doBlock;
}

window.onbeforeunload = function (e) {
  var closewindowmessage=window.keys.join(" ");

  var blockUnload = analyzeKeyPresses();

  if(blockUnload){
    e = e || window.event;
    // For IE and Firefox
    if (e) {
      e.returnValue = closewindowmessage;
    }

    // For Safari
    return closewindowmessage;
  }
};

</script>
<a href="#1">1</a> <a href="#2">2</a>