当用户试图离开当前页面时,如何显示弹出窗口?

时间:2016-10-19 12:39:14

标签: javascript jquery

我想显示一个确认弹出窗口,当用户试图离开页面时(关闭标签页)询问他/她“你想要离开页面吗?是否”。当用户单击否时,我想将他/她重定向到特定的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;
});

2 个答案:

答案 0 :(得分:3)

{{1}}

试试这个,我测试了firefox和chrome,它不知道safari。

答案 1 :(得分:0)

Jquery脚本

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