Confirmation JavaScript avant la sortie de la page

Pour empêcher les utilisateurs de quitter accidentellement une page sans confirmation, vous pouvez implémenter une fenêtre de confirmation à l'aide de JavaScript.

Utilisation de onbeforeunload

L'événement onbeforeunload se déclenche lorsqu'un utilisateur est sur le point de quitter la page. Le code placé dans cet écouteur d'événement affichera une fenêtre de confirmation à l'utilisateur. Si l'utilisateur sélectionne « OK », cela indique son intention de quitter, tandis que la sélection de « Annuler » interrompra le processus de sortie. Vous ne pouvez pas rediriger l'utilisateur s'il choisit de rester sur la page.

window.onbeforeunload = function() {
  return 'Are you sure you want to leave?';
};

Utilisation de jQuery

jQuery fournit une méthode simplifiée pour gérer l'événement beforeunload :

$(window).bind('beforeunload', function(){
  return 'Are you sure you want to leave?';
});

Utilisation de onunload

Bien que l'événement onunload soit souvent utilisé pour les tâches de nettoyage avant le déchargement d'une page, il ne peut pas rediriger l'utilisateur. Cependant, cela peut toujours être utile pour afficher un message d’adieu ou un avertissement. Notez que Chrome 14 et versions ultérieures bloquent les alertes dans onunload.

window.onunload = function() {
    alert('Bye.');
}

Implémentation de jQuery

$(window).unload(function(){
  alert('Bye.');
});