Javascript 当用户试图离开当前页面时，如何显示弹出窗口？

当用户试图离开页面（关闭选项卡）时，我想显示一个确认弹出窗口，询问他/她“你想离开页面吗？是/否”。当用户单击“否”时，我想将他/她重定向到特定的URL。 以下是我尝试过的代码：

$(window).on('beforeunload', function(){

   $.Zebra_Dialog('Are you sure to leave the page?', {
      'type':     'question',
       'title':    'Conformation',
       'buttons':  ['Yes', 'No'],
   });
   $("html").on("click",".ZebraDialog_Button_0",function () {
       window.location.href = "http://www.google.com/";
   });
   $("html").on("click",".ZebraDialog_Button_1",function () {
       return true;
   });
   //return false;
});

试试这个，我已经测试了firefox和chrome，它的工作原理并不是关于safari的

<script type="text/javascript">
    $('#reload').click(function() {
        location.reload();
    });
    $(window).bind('beforeunload', function(){
        return 'Are you sure to leave the page?';
    });
 </script>

$（“#重新加载”）。单击（函数（）{
location.reload（）；
});
$（窗口）.bind（'beforeunload'，function（）{
return“您确定要离开页面吗？”；
});

有一个

onExit

处理程序，或者类似的东西。我在您的代码中没有看到任何试图在用户离开时捕获他们的内容。在卸载事件之前已附加。哎呀，我的错：/。当用户离开（导航到其他站点）页面时，您想显示弹出窗口，或者当用户试图关闭页面时，当用户试图关闭选项卡/页面时，上述代码最终会执行什么操作？谢谢您的回答，但是当用户单击确认框上的“停留按钮”时，我如何将其重定向到特定URL？基本上我想要一个自定义的确认框/弹出窗口，当用户关闭页面问他“你想离开页面吗？”。带有是/否按钮。当用户单击“是”按钮时，选项卡将关闭，当用户单击“否”按钮时，他将被重定向到特定URL（例如www.google.com），感谢您的回答，但是当用户单击确认框上的“停留按钮”时，我如何将他/她重定向到特定URL？基本上我想要一个自定义的确认框/弹出窗口，当用户关闭页面问他“你想离开页面吗？”。带有是/否按钮。当用户单击“是”按钮时，选项卡将关闭，当用户单击“否”按钮时，他将被重定向到特定的URL（例如www.google.com）

<script type="text/javascript">
    $('#reload').click(function() {
        location.reload();
    });
    $(window).bind('beforeunload', function(){
        return 'Are you sure to leave the page?';
    });
 </script>