Wykryj, czy użytkownik opuści witrynę, np. Bounce Exchange

Question

Bounce Exchange odkrył prawie doskonały sposób wykrywania, czy użytkownik opuści witrynę. Robią to na podstawie śledzenia gestów myszy, prędkości myszy i łamania płaszczyzny przeglądarki. Jeśli wykryją, że ktoś odchodzi, odpalą wyskakujące okienko w lightboxie.

mogę źle naśladować to brzmienie:

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

Jedynym problemem jest to dość irytujące. Nawet jeśli kogoś złapie, w chwili, gdy opuszczą ciało, odpala ponownie.

Jaka jest różnica między szybkością myszy i możliwością jednorazowego wystrzelenia wydarzenia? Wciąż jestem całkiem nowy w JavaScript i jQuery, ale się uczę.

Answer 1

Możesz dodać flagę do kodu:

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

Tworzenie flagę będzie upewnić się, że kod show() nie zostanie wywołana po raz drugi.

Answer 2

To jest dokładnie to, co jest dla .one():

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

Answer 3

Albo można spróbować OuiBounce, alternatywą wymiany bounce: https://github.com/carlsednaoui/bounce-exchange-alternative