Comment puis-je gérer navigateur onglet à proximité de l'événement dans Angulaire? Seulement fermer, de ne pas actualiser

C'est, malheureusement, pas un problème simple à résoudre. Mais il peut être fait. La réponse ci-dessous est issue de la fusion de différentes AFIN de réponses.

Simple Partie:
Knowning que la fenêtre est détruite. Vous pouvez utiliser le onunload poignée d'événement à détecter ce.

Partie Délicate:

Détecter si c'est l'actualisation, lien à suivre ou à la fenêtre désirée à proximité de l'événement. La suppression le lien qui suit et les soumissions de formulaire est assez facile:

var inFormOrLink;
$('a').live('click', function() { inFormOrLink = true; });
$('form').bind('submit', function() { inFormOrLink = true; });

$(window).bind('beforeunload', function(eventObject) {
    var returnValue = undefined;
    if (! inFormOrLink) {
        returnValue = "Do you really want to close?";
    }
    eventObject.returnValue = returnValue;
    return returnValue;
}); 

Du pauvre Solution

Vérification event.clientY ou event.clientX pour déterminer ce qui a été cliqué pour déclencher l'événement.

function doUnload(){
 if (window.event.clientX < 0 && window.event.clientY < 0){
   alert("Window closed");
 }
 else{
   alert("Window refreshed");
 }
}

De l'Axe Y ne fonctionne pas parce que c'est négatif pour les clics sur les recharger ou de l'onglet/fenêtre fermer les boutons, et positif lorsque les raccourcis clavier sont utilisés pour recharger (par exemple, F5, Ctrl-R, ...) et de fermeture de fenêtre (par exemple, Alt-F4). L'Axe X n'est pas utile puisque les différents navigateurs ont différentes bouton de stages. Toutefois, si vous êtes limité, alors l'exécution de l'événement coordonnées à travers une série de cas-elses pourrait être votre meilleur pari. Méfiez-vous que ce n'est certainement pas fiable.

Impliqués Solution

(Prises de Julien Kronegg) à l'Aide de HTML5 local de stockage et client/serveur AJAX communication. Mise en garde: Cette approche est limitée pour les navigateurs qui supportent le stockage local HTML5.

Sur votre page, ajouter un onunload à la fenêtre du gestionnaire suivant

function myUnload(event) {
    if (window.localStorage) {
        //flag the page as being unloading
        window.localStorage['myUnloadEventFlag']=new Date().getTime();
    }

    //notify the server that we want to disconnect the user in a few seconds (I used 5 seconds)
    askServerToDisconnectUserInAFewSeconds(); //synchronous AJAX call
}

Puis ajouter un onloadon le corps de la fonction suivante

function myLoad(event) {
    if (window.localStorage) {
        var t0 = Number(window.localStorage['myUnloadEventFlag']);
        if (isNaN(t0)) t0=0;
        var t1=new Date().getTime();
        var duration=t1-t0;
        if (duration<10*1000) {
            //less than 10 seconds since the previous Unload event => it's a browser reload (so cancel the disconnection request)
            askServerToCancelDisconnectionRequest(); //asynchronous AJAX call
        } else {
            //last unload event was for a tab/window close => do whatever
        }
    }
} 

Sur le serveur, de recueillir la déconnexion de la demande dans une liste et définir un
thread horloge qui inspecte la liste à intervalles réguliers (j'ai utilisé
toutes les 20 secondes). Une fois une demande de déconnexion délai d'attente (c'est à dire le 5
les secondes sont partis), la déconnexion de l'utilisateur à partir du serveur. Si un
déconnexion de la demande d'annulation est reçue dans l'intervalle, l'
correspondant de demande de déconnexion est supprimé de la liste, de sorte que
l'utilisateur ne sera pas déconnecté.

Cette approche est également applicable si vous voulez différencier entre
onglet/fenêtre près de l'événement et de suivi des liens ou soumises par le formulaire. Vous venez de
besoin de mettre les deux gestionnaires d'événements sur chaque page qui contient des liens
et les formes et sur tous les liens/formulaire de la page de destination.

Commentaires de fermeture (pun intended):

Puisque vous voulez supprimer les cookies lorsque la fenêtre est fermée, je suis en supposant que c'est pour les empêcher d'être utilisé lors d'une session future. Si votre hypothèse est correcte, l'approche décrite ci-dessus fonctionne bien. Vous gardez le invalidé cookie sur le serveur (une fois que le client est déconnecté), lorsque le client crée une nouvelle session, le JS va envoyer le cookie sur par défaut, à quel point vous savez que c'est à partir d'une ancienne session, le supprimer et éventuellement fournir un nouveau à être mis sur le client.

Peut-être que ce lien va vous aider à http://eureka.ykyuen.info/2011/02/22/jquery-javascript-capture-the-browser-or-tab-closed-event/

Si votre objectif est de supprimer les cookies à la fermeture du navigateur, ne pas régler la date d'expiration. Cookies sans expiration sont supprimés lorsque le navigateur se ferme.

Vous ne devriez jamais avoir besoin de savoir si un utilisateur ferme son navigateur ou pas. Je suis persuadé qu'il existe d'autres façons d'accomplir ce que vous êtes désireux de le faire.

La Ligne Du Bas:

Si un visiteur n'est pas sur votre page de plus, il n'en est pas de votre entreprise ce que l'utilisateur est en train de faire avec son navigateur ou de son ordinateur. Ainsi la détection fermeture du navigateur ne sera probablement jamais être mis en œuvre sans une sorte de refus de la part de l'utilisateur, par exemple, les extensions de navigateur/plugins.