當用戶試圖離開當前頁面時如何顯示彈出窗口？

當用戶試圖離開頁面時（關閉標籤頁）詢問他/她「您想離開頁面？是否」，我想顯示一個彈出框。當用戶點擊「否」時，我想將他/她重定向到特定的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; 
});

來源

2016-10-19 Waseem Barcha

有一個'onExit'處理程序，或者類似的東西。我沒有看到代碼中的任何內容會在用戶離開時發現它們。 – Carcigenicate

在卸載事件之前已附加。 –

哎呦，我的壞：/。上面的代碼最終做了什麼？ – Carcigenicate

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

試試這個，我測試了Firefox和Chrome關於Safari它不工作的想法。

來源

2016-10-19 12:49:27

感謝您的回答，但是當他/她點擊確認框上的「保留按鈕」時，如何將用戶重定向到特定的URL？基本上我想要一個自定義構造框/彈出，當用戶關閉頁面，問他「你想離開頁面？」。是/否按鈕。當用戶點擊yes按鈕時，該選項卡將被關閉，當用戶單擊No按鈕時，他將被重定向到一個特定的URL（例如www.google.com） –

jQuery腳本

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

來源

2016-10-19 13:08:04

感謝您的回答，但是如何將用戶重定向到他/她點擊確認框上的「保留按鈕」時，是否指定了具體的URL？基本上我想要一個自定義的框/彈出，當用戶關閉頁面，問他「你想離開頁面？」。是/無按鈕。當用戶點擊「是」按鈕時，選項卡將被關閉，當用戶單擊「否」按鈕時，他將被重定向到特定的URL（例如www.google.com） –

當用戶試圖離開當前頁面時如何顯示彈出窗口？

回答

相關問題