Phát hiện nếu người dùng rời khỏi trang web như Bounce Exchange

Question

Bounce Exchange đã tìm ra một cách gần như hoàn hảo để phát hiện nếu người dùng rời khỏi trang web. Họ làm điều này dựa trên việc theo dõi cử chỉ chuột, vận tốc chuột và phá vỡ mặt phẳng trình duyệt. Nếu họ phát hiện một người nào đó đang rời khỏi, họ sẽ tắt một cửa sổ bật lên trên hộp đèn.

tôi kém có thể thi đua này, bởi sau:

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

Vấn đề duy nhất là điều này khá khó chịu. Ngay cả khi nó bắt được ai đó, khoảnh khắc họ rời khỏi cơ thể nó lại bùng nổ.

Khả năng có thể ảnh hưởng đến tốc độ chuột và cho phép sự kiện chỉ kích hoạt một lần? Tôi vẫn còn khá mới với JavaScript và jQuery, nhưng tôi đang học.

Answer 1

Bạn có thể thêm một lá cờ để mã của bạn:

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

Tạo một lá cờ sẽ chắc chắn rằng mã show() sẽ không được gọi lần thứ hai.

Answer 2

Đây là .one() là chính xác những gì cho:

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

Answer 3

Hoặc bạn có thể thử OuiBounce, việc trao đổi thư bị trả lại thay thế: https://github.com/carlsednaoui/bounce-exchange-alternative