Comment puis-je modifier la boîte de dialogue OnBeforeUnload et la remplacer par la mienne?

Owen a raison. Et, la raison derrière ceci est la sécurité. Empêcher une page de se décharger est utile dans les formulaires web et autres, mais il peut facilement être exploité par un site malveillant pour tromper l'utilisateur à rester sur une page. C'est pourquoi les navigateurs web implémentent le message standard et disposent de ce mécanisme pour insérer du texte personnalisé.

ce qui a fonctionné pour moi, en utilisant jQuery et testé dans IE8, Chrome et Firefox, est:

$(window).bind("beforeunload",function(event) {
    if(hasChanged) return "You have unsaved changes";
});

il est important de ne rien renvoyer si aucune invite n'est requise car il y a des différences entre IE et les autres comportements du navigateur ici.

bien qu'il n'y ait rien que vous puissiez faire à propos de la boîte dans certaines circonstances, vous pouvez intercepter quelqu'un en cliquant sur un lien. Pour moi, cela valait la peine pour la plupart des scénarios et comme solution de rechange, j'ai quitté l'événement de déchargement.

j'ai utilisé Boxy à la place de la boîte de dialogue standard jQuery, il est disponible ici: http://onehackoranother.com/projects/jquery/boxy /

$(':input').change(function() {
    if(!is_dirty){
        // When the user changes a field on this page, set our is_dirty flag.
        is_dirty = true;
    }
});

$('a').mousedown(function(e) {
    if(is_dirty) {
        // if the user navigates away from this page via an anchor link, 
        //    popup a new boxy confirmation.
        answer = Boxy.confirm("You have made some changes which you might want to save.");
    }
});

window.onbeforeunload = function() {
if((is_dirty)&&(!answer)){
            // call this if the box wasn't shown.
    return 'You have made some changes which you might want to save.';
    }
};

que vous pourriez attacher à un autre événement, et filtre plus sur ce genre d'ancre a été cliqué, mais cela fonctionne pour moi et ce que je veux faire et sert d'exemple pour les autres à utiliser ou à améliorer. J'ai pensé que je partagerais ceci pour ceux qui veulent Cette solution.

j'ai découpé le code, donc cela ne peut pas fonctionner tel quel.

1) utiliser onbeforeunload, not onunload.

2) l'important est d'éviter d'exécuter une déclaration de retour. Je ne veux pas, par là, éviter de revenir de votre contact. Vous retournez tout droit, mais vous le faites en vous assurant que vous atteignez la fin de la fonction et N'exécutez pas une instruction de retour. Dans ces conditions, le dialogue standard intégré ne se produit pas.

3) Vous pouvez, si vous utilisez onbeforeunload, lancer un appel ajax dans votre unbeforeunload handler pour ranger sur le serveur, mais il doit être synchrone, et vous devez attendre et gérer la réponse dans votre onbeforeunload handler (respectant toujours la condition (2) ci-dessus). Je le fais et cela fonctionne très bien. Si tu fais un appel ajax synchrone, tout est maintenu jusqu'à la réponse. Si vous faites une réponse asynchrone, pensant que vous ne vous souciez pas de la réponse du serveur, le déchargement de la page continue et votre appel ajax est avorté par ce processus - y compris un script distant si il tourne.

essayez de placer un return; au lieu d'un message.. cela fonctionne la plupart des navigateurs pour moi. (Cela empêche seulement vraiment les cadeaux de dialog)

window.onbeforeunload = function(evt) {            
        //Your Extra Code
        return;
}

vous pouvez détecter quel bouton (ok ou cancel) appuyé par l'utilisateur, parce que la fonction onunload appelé seulement lorsque l'utilisateur choisit de quitter la page. Bien que dans cette fonction les possibilités soient limitées, parce que le DOM est en train de s'effondrer. Vous pouvez lancer javascript, mais l'ajax POST ne fait rien donc vous ne pouvez pas utiliser cette méthode pour la déconnexion automatique. Mais il y a une solution pour cela. Fenêtre.open('logout.php') exécuté dans le funcion onunload, donc l'utilisateur se déconnectera avec une nouvelle ouverture de la fenêtre.

function onunload = (){
    window.open('logout.php');
}

ce code s'appelle lorsque l'utilisateur quitte la page ou ferme la fenêtre active et que l'utilisateur se déconnecte par 'déconnexion.php". La nouvelle fenêtre se ferme immédiatement lorsque php logout se compose de code:

window.close();

j'ai fait face au même problème, j'étais ok pour obtenir sa propre boîte de dialogue avec mon message, mais le problème que j'ai rencontré était : 1) il donnait le message sur toutes les navigations je le veux seulement pour le clic étroit. 2) avec mon propre message de confirmation si l'utilisateur sélectionne annuler il affiche toujours la boîte de dialogue par défaut du navigateur.

voici le code des solutions que j'ai trouvé, que j'ai écrit sur ma page principale.

function closeMe(evt) {
    if (typeof evt == 'undefined') {
        evt = window.event; }
    if (evt && evt.clientX >= (window.event.screenX - 150) &&
        evt.clientY >= -150 && evt.clientY <= 0) {
        return "Do you want to log out of your current session?";
    }
}
window.onbeforeunload = closeMe;

cela ne peut pas être fait dans chrome maintenant pour éviter le spamming, se référer à javascript onbeforeunload ne montrant le message personnalisé pour plus de détails.

 <script type="text/javascript">
        window.onbeforeunload = function(evt) {
            var message = 'Are you sure you want to leave?';
            if (typeof evt == 'undefined') {
                evt = window.event;
            }       
            if (evt) {
                evt.returnValue = message;
            }
            return message;
        } 
    </script>

reportez-vous à partir de http://www.codeprojectdownload.com

j'ai eu ce même problème et ça me rendait fou. Je voulais me débarrasser complètement de la pop-up parce que je ne voulais pas avertir l'utilisateur -- il suffit de les prendre d'un formulaire à une nouvelle page. J'ai essayé les réponses ci-dessus et je n'ai pas pu en obtenir.

finalement, j'ai eu ceci pour ignorer le popup par défaut de firefox, avec l'aide de ce site: http://code-maven.com/prevent-leaving-the-page-using-plain-javascript . Il est ajouté avant que vous redirigiez la fenêtre:

window.onbeforeunload = function() {
    if (data_needs_saving()) {
         return "";
    } else {
         return "";
    }
};
window.location.href = 'www.redirect here';

Qu'en est-il de la version spécialisée de la commande" bind ""one". Une fois que le gestionnaire d'événement exécute la première fois, il est automatiquement supprimé comme un gestionnaire d'événement.

$(window).one("beforeunload", BeforeUnload);