Définir onbeforeunload sur l'élément body dans Chrome et IE en utilisant jQuery

J'ai un système où je veux vérifier avec l'utilisateur, s'ils sont sûrs qu'ils veulent quitter la page une fois un sale drapeau est réglé.

Je suis en utilisant le code suivant - Dans FireFox, je peux regarder le code source de la page grâce à FireBug et la balise correctement a la onbeforeunload attribut inséré.

Dans Chrome et FireFox, cela n'arrive pas et si je suis en mesure de naviguer à partir de la page sans aucun avertissement. Le jQuery ligne pour mettre à jour la balise body est certainement en cours d'exécution, il n'est tout simplement pas.

if ($("body").attr('onbeforeunload') == null) {
    if (window.event) {
        //IE and Chrome use this
        $("body").attr('onbeforeunload', 'CatchLeavePage(event)');
    }
    else {
        //Firefox uses this
        $("body").attr('onbeforeunload', 'return false;CatchLeavePage(event)');
    }
}

Toutes les idées sur la façon de procéder à partir d'ici?

source d'informationauteur Graeme

  1. 17

    vous ne pouvez pas abandonner page décharger, en retournant false. vous devez retourner la chaîne de caractères qui sera affichée à l'utilisateur dans une boîte de message, et il décide si il veut partir ou de rester sur la page (en cliquant sur 'OK' ou bouton 'Annuler'), de sorte que vous devez écrire votre code comme ceci:

     window.onbeforeunload = function() {
    return "Are you sure you want to leave this page bla bla bla?"; //you can make this dynamic, ofcourse...
 };
  2. 8

    essayer cette 

      <script type=\"text/javascript\">
        var dont_confirm_leave = 0; //set dont_confirm_leave to 1 when you want the user to be able to leave withou confirmation
        var leave_message = 'You sure you want to leave?'
        function goodbye(e) 
        {
            if(dont_confirm_leave!==1)
            {
                if(!e) e = window.event;
                //e.cancelBubble is supported by IE - this will kill the bubbling process.
                e.cancelBubble = true;
                e.returnValue = leave_message;
                //e.stopPropagation works in Firefox.
                if (e.stopPropagation) 
                {
                    e.stopPropagation();
                    e.preventDefault();
                }

                //return works for Chrome and Safari
                return leave_message;
            }
        }   
    window.onbeforeunload=goodbye;
    </script>
  3. 3
    window.onbeforeunload = function () { return 'Are you sure?' };
  4. 1

    Vérifier ce code :

    var validNavigation = false;
function wireUpEvents() {
var dont_confirm_leave = 0; 
var leave_message = "You sure you want to leave ?";
function goodbye(e) {
if (!validNavigation) {
if (dont_confirm_leave !== 1) {
if (!e) e = window.event;
e.cancelBubble = true;
e.returnValue = leave_message;
//e.stopPropagation works in Firefox.
if (e.stopPropagation) {
e.stopPropagation();
e.preventDefault();
}
//return works for Chrome and Safari
return leave_message;
}
}
}
window.onbeforeunload = goodbye;
document.onkeydown = function () {
switch (event.keyCode || e.which) {
case 116 : //F5 button
validNavigation = true;
case 114 : //F5 button
validNavigation = true;
case 82 : //R button
if (event.ctrlKey) {
validNavigation = true;
}
case 13 : //Press enter
validNavigation = true;
}
}
//Attach the event click for all links in the page
$("a").bind("click", function () {
validNavigation = true;
});
//Attach the event submit for all forms in the page
$("form").bind("submit", function () {
validNavigation = true;
});
//Attach the event click for all inputs in the page
$("input[type=submit]").bind("click", function () {
validNavigation = true;
});
}
//Wire up the events as soon as the DOM tree is ready
$(document).ready(function () {
wireUpEvents();
});
  5. 0

    Ces scripts fonctionnent bien, mais si je veux déclencher un appel AJAX lorsque l'utilisateur de confirmer la fermeture de fenêtre?

    J'ai essayé cela, mais l'appel AJAX est tiré à la fois si l'utilisateur clique sur "oui, fermer" ou "non, restez ici" (essayé sur Firefox 38.x)

    function goodbye(e) {
if (!validNavigation) {
if (dont_confirm_leave !== 1) {
if (!e) e = window.event;
e.cancelBubble = true;
e.returnValue = leave_message;
//e.stopPropagation works in Firefox.
if (e.stopPropagation) {
e.stopPropagation();
e.preventDefault();
}
$.ajax({
async: false,
url: "/launch-my-script.php"
});
//return works for Chrome and Safari
return leave_message;
}
}
}
  6. 0

    C'est pas joli, mais ça a fait l'affaire.

    var warnclose = true;
var warn = function(e) {
var warning = 'Your warning message.';
if (warnclose) {
//Disables multiple calls
warnclose = false;
//In case we still need warn to be called again 
setTimeout(function(){
warnclose = true;
}, 500);
return warning;
}
};
window.onbeforeunload = warn;