在確認框中單擊確認或取消按鈕后，如何使用JavaScript或jQuery返回true或false值？

Question

我目前在一個項目上工作，如果用戶嘗試刷新當前頁面，他們將收到帶有警告的提示框，請Don't refresh page or else you will lose data因此如果他們取消，則他將停留在同一頁面上，但是我的問題是當他們單擊“是”即“重新加載”時，他將單擊“重新加載”，另外一個警報you clicked reload now page will reload and data will loss ，所以該怎么做，因為當他單擊“重新加載”按鈕時我什么也沒得到。

下面我寫了劇本。

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
    $(window).on('beforeunload', function(){ 
        return prompt("are you sure want to refresh this page !");

        if(true){
            alert('You will lose data');
        }
        else{
            alert("Ok continue your work");
       }
    });
</script>

Answer 1

return語句退出一個函數，因此不會執行return語句之后的所有操作

我認為您不需要prompt框，而是confirm框（請參閱此處 ）。

• prompt框僅用於用戶獲取某些東西
• confirm框用於詢問用戶是否確認了某些內容

 var rep = confirm("are you sure want to refresh this page !"); console.log(rep); if(rep){ alert('You will lose data'); } else{ alert("Ok continue your work"); } 

Answer 2

我建議您在使用onBeforeLoad事件時不要使用Jquery。 它導致不良行為。 Vanilla JS會更好地處理它。

例：

window.onbeforeunload = function beforeExit();

function beforeExit(){
return confirm("Are you sure you want to exit?");
}

使用此方法，如果用戶嘗試刷新頁面，則將執行您的函數。