Erkennen, ob der Benutzer die Website verlassen wird wie Bounce Exchange

Question

Bounce Exchange hat eine nahezu perfekte Methode entwickelt, um festzustellen, ob ein Benutzer die Website verlassen wird. Dies geschieht auf der Grundlage der Verfolgung von Mausgesten, Mausgeschwindigkeit und dem Verlassen der Browserebene. Wenn sie feststellen, dass jemand geht, lösen sie ein Popup in einem Lightbox aus.

Ich kann dies schlecht nachahmen, indem ich folgendes mache:

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

Das einzige Problem dabei ist, dass dies ziemlich nervig ist. Selbst wenn es jemanden erfasst, wird es jedes Mal ausgelöst, wenn sie den Körper verlassen.

Wie wahrscheinlich wäre es, die Mausgeschwindigkeit mit einzubeziehen und das Ereignis nur einmal auszulösen? Ich bin immer noch ziemlich neu in JavaScript und jQuery, aber ich lerne.

Answer 1

Dafür ist .one() genau richtig:

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

Answer 2

Sie können Ihrer Code ein Flag hinzufügen:

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

Das Erstellen eines Flags stellt sicher, dass der show() Code nicht ein zweites Mal aufgerufen wird.

Answer 3

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