Définition de onbeforeunload sur un élément de corps dans Chrome et IE à l'aide de jQuery

Question

J'ai un système sur lequel je souhaite vérifier auprès de l'utilisateur s'il est sûr de vouloir quitter la page une fois qu'un indicateur incorrect est défini.

J'utilise le code suivant - Dans FireFox, je peux consulter le code source de la page via FireBug et l'attribut onbeforeunload est correctement inséré dans la balise.

Dans Chrome et FireFox, cela ne se produit cependant pas et je peux naviguer en dehors de la page sans aucun avertissement. La ligne jQuery pour mettre à jour la balise body est définitivement en cours d’exécution, elle ne l’exécute 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)');
    }
}

Avez-vous des idées sur la façon de procéder à partir d'ici?

Answer 1

vous ne pouvez pas annuler le déchargement de page en renvoyant la valeur false. vous devez renvoyer la chaîne qui sera montrée à l'utilisateur dans une boîte de message, et il décide s'il souhaite ou non rester sur la page (en sélectionnant le bouton "OK" ou "Annuler"); vous devez donc écrire votre code comme suit: ceci:

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

Answer 2

essayez ceci

  <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>

Answer 3

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

Answer 4

Vérifiez 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();
});

Answer 5

Ce n’est pas beau, mais c’est tout.

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;