Erkennen, ob Benutzer Website wie Bounce Exchange verlassen

Question

Bounce Exchange hat eine fast perfekte Möglichkeit gefunden, zu erkennen, ob ein Benutzer die Website verlassen wird. Sie tun dies basierend auf dem Verfolgen von Mausgesten, der Mausgeschwindigkeit und dem Brechen der Browserebene. Wenn sie feststellen, dass jemand geht, feuern sie ein Popup in einem Leuchtkasten ab.

ich das schlecht emulieren kann, die durch die folgende:

$("body").mouseleave(function() { 
    jQuery('#avoid-bounce').show(); 
}); 

Das einzige Problem ist das ziemlich ärgerlich. Selbst wenn es jemanden einfängt, feuert es in dem Moment, in dem es den Körper verlässt, erneut.

Wie wahrscheinlich wäre es, die Mausgeschwindigkeit zu berücksichtigen und das Ereignis nur einmal auslösen zu lassen? Ich bin noch ziemlich neu in JavaScript und jQuery, aber ich lerne.

Answer 1

Sie können eine Flagge, um Ihren Code hinzufügen:

$("body").mouseleave(function() { 
    if (jQuery('#avoid-bounce').data('shown') != true) { 
     jQuery('#avoid-bounce').data('shown', true).show(); 
    } 
}); 

ein Flag Erstellen wird der show() Code stellen Sie sicher, nicht zum zweiten Mal aufgerufen werden.

Answer 2

Dies ist genau das, was .one() für ist:

$("body").one('mouseleave', function() { 
    jQuery('#avoid-bounce').show(); 
}); 

Answer 3

Oder Sie können versuchen OuiBounce, die Bounce-Austausch Alternative: https://github.com/carlsednaoui/bounce-exchange-alternative