de la fenêtre.onbeforeunload feu à plusieurs reprises

Juste parce que vous ne voyez pas l'utiliser pour une fonction ne signifie pas qu'il n'est pas utile.

La Pile réseau Exchange, GMail, Grooveshark, Yahoo! Mail et Hotmail utiliser le onbeforeunload invite à éviter/avertir les utilisateurs qu'ils sont de quitter une page après qu'ils ont commencé le montage de quelque chose. Ah oui, près de chaque programme de bureau qui accepte saveable utilisateur-données d'entrée utilise cette invite de l'utilisateur avant de quitter UX modèle.

J'ai une fonction qui se comporte de façon similaire à celui-ci:

window.onbeforeunload = function(){
    //only prompt if the flag has been set... 
    if(promptBeforeLeaving === true){
        return "Are you sure you want to leave this page?";
    }
}

Lorsqu'un utilisateur tente quitte la page, le navigateur présente avec la possibilité de partir ou de rester sur la page. Si l'utilisateur sélectionne le "Laissez cette option page", puis ils ont rapidement cliquez sur un lien de nouveau avant que la page ne se décharge complètement la boîte de dialogue déclenche à nouveau.

Sont-il infaillible de solutions à ce problème?

Note: ce qui suit ne sera PAS la solution:

var alreadyPrompted = false;
window.onbeforeunload = function(){
    //only prompt if the flag has been set... 
    if(promptBeforeLeaving === true && alreadyPrompted === false){
        alreadyPrompted = true;
        return "Are you sure you want to leave this page?";
    }
}

parce que l'utilisateur peut sélectionner le "Rester sur la page" option qui serait la cause de l'avenir onbeforeunloads arrêter de travailler.

merci de ne pas inciter les gens à essayer de quitter votre page. s'ils ne veulent pas la quitter, il est certain qu'ils seront, après s'être demandé.
oh ye de peu de connaissances. Je vous mets au défi de commencer à répondre à cette question, puis quittez la page.
J'ai du mal à penser à quelque chose de mieux que d'utiliser un drapeau, mais aussi d'avoir une "mousemove" gestionnaire sur le <body> ou quelque chose qui l'annule.
J'ai essayé, mais le javascript s'exécute à la fois pour "Rester sur cette Page", puis "Quitter la Page" événements".
pour la citation. "oh ye de peu de connaissances"

OriginalL'auteur David Murdoch | 2010-11-08

6

Je pense que vous pourriez faire cela avec un timer ( setInterval ), qui commence dans la onbeforeunload de rappel. Exécution de Javascript sera en pause lorsque la boîte de dialogue de confirmation est en place, puis si l'utilisateur annule la temporisation de la fonction peut réinitialiser le alreadyPrompted variable à false, et claire de l'intervalle.

Juste une idée.

Ok j'ai fait un test rapide basé sur votre commentaire.
```
<span id="counter">0</span>
window.onbeforeunload = function () {
   setInterval(function () { $('#counter').html(++counter); }, 1);
   return "are you sure?";
}
window.onunload = function () { alert($('#counter').html()) };
```
Entre les deux rappels #counter ne l'ai jamais supérieur à 2 (ms). Il semble que l'utilisation de ces deux rappels en parallèle vous offre tout ce dont vous avez besoin.

MODIFIER réponse au commentaire:

Fermer. C'est ce que je pensais
```
var promptBeforeLeaving = true,
    alreadPrompted = false,
    timeoutID = 0,
    reset = function () {
        alreadPrompted = false;
        timeoutID = 0;
    };

window.onbeforeunload = function () {
    if (promptBeforeLeaving && !alreadPrompted) {
        alreadPrompted = true;
        timeoutID = setTimeout(reset, 100);
        return "Changes have been made to this page.";
    }
};

window.onunload = function () {
    clearTimeout(timeoutID);
};
```
Cela ne fonctionne pas comme l'exécution de javascript continue pour les deux "Rester sur cette Page", puis "Quitter la Page" événements". Le alreadyPrompted drapeau serait remis à zéro dans les deux cas. Maintenant, le réglage de l'intervalle de délai d'attente pour une valeur relativement élevée (de 2 secondes, peut-être?) pour permettre la page décharger sur des connexions lentes devrait fonctionner dans la plupart des cas...mais ce n'est vraiment pas une solution parfaite. Si je ne finissent par aller avec cela, je vais accepter votre réponse. Merci! 🙂
C'est tout ce que vous pouvez faire. Il n'est pas possible de dire avec certitude quel bouton l'utilisateur a sélectionné après onbeforeunload retourne.
Mais bobince, j'ai vraiment, vraiment envie. :-D. je me demande si je peux le faire avec un iframe certains comment. BRB avec mes conclusions.
Ne pouvais pas obtenir un créé dynamiquement iframe onbeforeunload à exécuter. oh bien.
Ruddell. ceci la mise en œuvre que vous pensiez?

OriginalL'auteur Josiah Ruddell

J'en viens à les réponses ci-dessus en un facile à utiliser la fonction:

function registerUnload(msg, onunloadFunc) {
    var alreadPrompted = false,
        timeoutID = 0,
        reset = function() {
            alreadPrompted = false;
            timeoutID = 0;
        };

    if (msg || onunloadFunc) { //register
        window.onbeforeunload = function() {
            if (msg && !alreadPrompted) {
                alreadPrompted = true;
                timeoutID = setTimeout(reset, 100);
                return msg;
            }
        };

        window.onunload = function() {
            clearTimeout(timeoutID);
            if (onunloadFunc) onunloadFunc();
        };
    } else { //unregister
        window.onbeforeunload = null;
        window.onunload = null;
    }
}

De registre:

registerUnload("Leaving page", function() { /* unload work */ });

Pour annuler l'inscription d'utilisation:

registerUnload();

Espère que cela aide ..

OriginalL'auteur kofifus

Vous devez vous connecter pour publier un commentaire.