Quel est ce message de confirmation que certains sites indiquent lorsque nous quittons leur site après avoir commencé une saisie ?

L'événement beforeunload est déclenché quand la fenêtre, le document et ses ressources sont sur le point d'être déchargés.

// version native JS
window.onbeforeunload = function() {
 if (myVariableSiOnARienModifier == false) {
// TODO: Not showing this. It displays: "Do you want to reload/leave this site? Changes you made may not be saved."
   return "Your form has not been saved yet.";
 } else {
   return null;
 }
}

// ou version jQuery
           $(window).on('beforeunload', function(){
                  return 'Are you sure you want to leave?';
           });

Les navigateurs n'affichent plus le message fourni, mais un générique :

  • Chrome : Voulez-vous quitter ce site ? Les modifications que vous avez apportées ne seront peut-être pas enregistrées.
  • Firefox : Cette page demande de confirmer sa fermeture ; des données saisies pourraient ne pas être enregistrées.

Ressources :