如何触发退出弹出窗口?

时间:2016-12-20 20:44:15

标签: javascript jquery

我想在我的网站上进行退出弹出窗口。我已经准备好了我的模态,但找不到“好方法”来检测用户即将离开网站的时刻。我已经阅读了关于这个主题的其他一些帖子并找到了这段代码:

$(document).ready(function() {
  $(document).mouseleave(function(e) {
    if(e.clientY < 0) {
      $('#exit').modal('show')
    }
  });
});

不幸的是,此解决方案不适用于IE和Edge。这样做的最好方法是什么?

更新 让我更准确一点。我希望实现this之类的东西。我认为最好的方法是检测鼠标何时离开文档。

2 个答案:

答案 0 :(得分:1)

通常,这是使用窗口上的onbeforeunload事件完成的。这应该分配给一个函数,该函数在用户离开页面时返回要显示给用户的文本。例如:

window.onbeforeunload = function () {
    return "Are you sure you want to leave?"
}

当用户因任何原因试图离开页面时,这将导致确认窗口。如果您不希望它显示在内部链接上,则需要使用javascript在导航发生之前取消分配事件。

答案 1 :(得分:0)

b'{"code":67,"message":"\xe7\xa7\x81\xe9\x92\xa5\xe9\xaa\x8c\xe8\xaf\x81\xe5\xa4\xb1\xe8\xb4\xa5 ","msg":"\xe7\xa7\x81\xe9\x92\xa5\xe9\xaa\x8c\xe8\xaf\x81\xe5\xa4\xb1\xe8\xb4\xa5 "}'

在回调函数中执行您想要的操作,但是onbeforeunload事件是您要处理的事件