Comment puis-je empêcher une page de décharger (naviguer) dans JS?

Est-ce que quelqu'un sait comment empêcher une page de recharger ou de naviguer?

  JQuery (function ($) {

     / * Global lors de la notification de déchargement * /
     Avertissement = vrai;

     Si (avertissement) {
         $ (Fenêtre) .bind ("décharger", function () { 
             Si (confirmez ("Voulez-vous quitter cette page") == true) {
                 // ils ont appuyé sur OK
                 Alerte ('ok');
             } autre {
                 // ils ont appuyé Annuler
                 Alerte ('annuler');
                 Renvoyer faux;
             }
         });
     }
 }); 

Je travaille actuellement sur un site de commerce électronique, la page qui affiche vos futures commandes a la possibilité de modifier les quantités d'articles commandés à l'aide de boutons +/-. En modifiant les quantités de cette façon, cela ne modifie pas l'ordre lui-même, ils doivent appuyer sur confirmer et donc engager une action positive pour modifier l'ordre.

Cependant, s'ils ont changé les quantités et naviguent loin de la page, j'aimerais leur avertir qu'ils le font au cas où cela serait un accident, car les quantités modifiées seront perdues si elles naviguent ou actualisent la page.

Dans le code ci-dessus, j'utilise une variable globale qui sera fausse par défaut (elle est vraie pour le test). Lorsqu'une quantité est modifiée, je mettrai à jour cette variable pour être vraie et quand elles confirment les modifications, je la définirai comme fausse .

• Comment arrêter l'éboulement des événements sur la case à cocher, cliquez sur
• Comment puis-je capturer l'événement de clic droit en JavaScript?
• Quelle est la différence entre les événements mouseover et mouseenter?
• JavaScript / jQuery: testez si la fenêtre a le focus
• Puis-je appeler jquery click () pour suivre un lien <a> si je n'ai pas lié un gestionnaire d'événements avec bind ou clique déjà?

Si l'avertissement est vrai et que la page est déchargée, je leur offre une boîte de confirmation, s'ils disent qu'ils ne souhaitent pas rester sur cette page, je dois l'empêcher de décharger. Return false ne fonctionne pas, il permet encore à l'utilisateur de naviguer (les alertes sont là pour le débogage uniquement)

Des idées?

• Phantomjs n'attend pas la charge de page "pleine"
• Événement de tir sur le changement d'attribut DOM
• Comment commander des événements liés à jQuery
• Détection du remplissage automatique du navigateur
• Lien d'événement sur des éléments créés dynamiquement?

 var warning = true; window.onbeforeunload = function() { if (warning) { return "You have made changes on this page that you have not yet confirmed. If you navigate away from this page you will lose your unsaved changes"; } } $('form').submit(function() { window.onbeforeunload = null; }); 

 window.onbeforeunload = function() { if (warning) { return 'You have made changes on this page that you have not yet confirmed. If you navigate away from this page you will loose your unsaved changes'; } } 

 window.onbeforeunload = confirmExit; function confirmExit() { return "You have attempted to leave this page. If you have made any changes to the fields without clicking the Save button, your changes will be lost. Are you sure you want to exit this page?"; }