Comment puis-je détecter quand l'utilisateur quitte mon site, et pas seulement sur une autre page?

J'ai un gestionnaire pour onbeforeunload

window.onbeforeunload = unloadMess;
function unloadMess(){
  var conf = confirm("Wait! Before you go, please share your stories or experiences on the message forum.");
    if(conf){
    window.location.href = "http://www.domain.com/message-forum";
    }
}

mais je ne suis pas sûr de la façon de savoir si l'url qu'ils ont cliqué sur la page du site.

Je tiens simplement à alerter si ils quittent le site.

source d'informationauteur gfivehost

  1. 17

    Il n'est pas possible de le faire à 100% fiable, mais si vous détecter lorsque l'utilisateur a cliqué sur un lien sur votre page, vous pouvez l'utiliser comme un surtout-de la transmission du signal. Quelque chose comme ceci:

    window.localLinkClicked = false;

$("a").live("click", function() {
    var url = $(this).attr("href");

    //check if the link is relative or to your domain
    if (! /^https?:\/\/./.test(url) || /https?:\/\/yourdomain\.com/.test(url)) {
        window.localLinkClicked = true;
    }
});

window.onbeforeunload = function() {
    if (window.localLinkClicked) {
        //do stuff
    } else {
        //don't
    }
}
  2. 1

    J'en ai une idée, mais je ne sais pas si c'est du travail. Ma suggestion est d'ajouter à chaque lien un événement onClick avec un appel de fonction. Cette fonction lit juste l'attribut href et de les stocker dans une variable de portée mondiale.

    var clickedHrefAttrValue = "";
function getClickUrl(currentLink)
{
   clickedHrefAttrValue = $(currentLink).attr("href");
   return true;
}

    Le code html pour l'une des balises doivent être ressemble à ce qui suit:

    <a href="<url>" onClick="getClickUrl(this)">Linktext</a>

    et dans votre fonction:

    function getClickUrl()
{
   if (clickedHrefAttrValue.indexOf("<your condition>" > -1)
   {
     //what ever you want do to
   }
}

    C'est juste une idée, mais je pense qu'il vaut la peine de l'essayer.

  3. 0

    Si vous rencontrez des problèmes parce que votre site peut avoir à la fois absolue et relative des liaisons locales, j'ai une autre solution (à l'aide de jQuery):

    Démo

    /* EXTERNAL LINK WARNING
=========================================*/
$('a').on('click', function(e){
    e.preventDefault();
    var url = $(this).attr('href'),
        host = location.host;       
    if (url.indexOf(host) > -1 || url.indexOf('http','https') == -1){
        /* If we find the host name within the URL,
               OR if we do not find http or https, 
               meaning it is a relative internal link
            */
        window.location.href = url;
    } else {
        var warn = confirm('You\'re leaving the domain.\n\nAre you sure?');
        if(warn == true) {
            window.location.href = url,'_blank';
        } else {
            e.preventDefault;
        }
    }
});
  4. -1

    Il ya une bonne solution à cela que j'ai mis en place sur mon site récemment. Imaginez ceci, ce qui va être dans votre site web qui permet de naviguer à l'utilisateur va être un lien (balise d'ancrage), un bouton, une image cliquable ou quelque chose le long de ces lignes. Il est certainement ne va pas être l'élément de corps.

    Maintenant ce qui se passe lorsqu'un utilisateur quitte le site, il/elle peut entrer une url et appuyez sur entrée, cliquez sur un signet ou appuyez sur les boutons suivant/précédent.

    Lorsqu'un utilisateur ne faire que cela:

    $(window).on('beforeunload', function(e)){
    if(e.target.activeElement.nodeName.toLowerCase() == 'body'){
       yourFunction();
});

    Ce qui se passe est que le corps devient l'élément actif de la cible dans ces cas (lorsque l'utilisateur quitte le site web) et ce n'est pas le cas lorsque l'utilisateur clique sur un site web interne navigables éléments.

    C'est un endroit propre, facile solution. Laissez-moi savoir si vous rencontrez des problèmes.