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

Question

I want to display a conformation pop up, when user tries to leave the page (close the tab) asking him/her "You want to leave the page? Yes No". When the user click the NO, I want to redirect him/her to a specific URL. Here is the code I have tried:

$(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;
});

Answer 1

    window.onbeforeunload = onExit;
    function onExit() {
        return "You have attempted to leave this page. Are you sure?";
    }

Try this, i have tested firefox and chrome its working not idea about safari.

Answer 2

Jquery script

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