javascript - 单击确认框中的确认或取消按钮后，如何使用 JavaScript 或 jQuery 返回真值或假值？

Question

我目前正在做一个项目，如果用户尝试刷新当前页面，他们将收到带有警告的确认框 不要刷新页面，否则你将丢失数据 所以如果他们取消，那么他将停留在同一页面上，但我的问题是当他们单击是时即重新加载，因为他单击重新加载一个警报应该得到 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框(参见here)。

• 提示框仅用于用户获取内容
• 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");
}