javascript – 检测用户是否会离开Bounce Exchange等网站

前端之家收集整理的这篇文章主要介绍了javascript – 检测用户是否会离开Bounce Exchange等网站前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Bounce Exchange已经找到了一种几乎完美的方法来检测用户是否会离开网站.他们基于跟踪鼠标手势,鼠标速度和浏览器平面的破坏来执行此操作.如果他们发现某人正在离开,他们会在灯箱上弹出一个弹出窗口.

我可以通过以下方式很难效仿:

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

唯一的问题是这很烦人.即使它捕获了某人,他们离开身体的那一刻也会再次发射.

将鼠标速度考虑在内并允许事件只触发一次是多么可能?我仍然是JavaScript和jQuery的新手,但我正在学习.

解决方法

您可以在代码添加标记
$("body").mouseleave(function() {
    if ( jQuery('#avoid-bounce').data('shown') != true ) {
        jQuery('#avoid-bounce').data('shown',true).show();
    }
});

创建一个标志将确保第二次不会调用show()代码.

猜你在找的JavaScript相关文章