Question

我正在编写一个jquery脚本来检测用户是否离开html正文并关闭网站以向他们显示一个对话框，例如退回交换。

$('#bounce').fadeIn(300);
var popMargTop = ($('#bounce').height() + 24) / 2;
var popMargLeft = ($('#bounce').width() + 24) / 2;

$('#bounce').css({
    'margin-top': -popMargTop,
    'margin-left': -popMargLeft
});

// Add the mask to body
$('body').append('<div id="mask"></div>');
$('#mask').fadeIn(300);

// When clicking on the button close or the mask layer the popup closed
$('a.close, #mask').on('click', function () {
    $('#mask , .bounce-popup').fadeOut(300, function () {
        $('#mask').remove();
    });
    return false;
});

FIDDLE
这个例子显示了一个关于加载事件的对话框，如何将其推送给鼠标离开事件（仅限一次）？如下面的代码

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

Answer 1

正如你所做的那样。这是小提琴：http://jsfiddle.net/P9jNb/

var bounceBoxShown = false;

$('.btn-sign').mouseleave(function() {          
    if (bounceBoxShown) {
        return;
    }
    bounceBoxShown = true;

    ...
}

Answer 2

如果符合您的需要，请尝试：

DEMO

$(document).one('mouseleave', showDialog);

检测用户是否会离开正文并显示Bounce Exchange等对话框

2 个答案: