在 JavaScript 中使用“confirm('message')”，禁用浏览器导航按钮

Question

我有一种情况，当用户单击“返回”按钮时，我必须使用 JavaScript 在页面上提示“确认”。结果将决定是否留在页面上。

我用过，如下：

   window.onbeforeunload = function () {

         var answer = return confirm("Please note by clicking the back button will reset your selection")

         if (!answer) {
            event.preventDefault();
         }
         else{

         // do something
         }
 };

现在，即使这会在页面上提示弹出窗口，仍然可以单击后退按钮将用户带到上一页。

另一方面，通过使用以下内容。

   window.onbeforeunload = () => {return '';}

我收到消息“您所做的更改可能无法保存。”，阻止页面上的“返回”、“前进”、“刷新”和所有此类按钮。

我希望在“confirm('message')”上发生同样的事情（阻止这些按钮）。

Answer 1

function Confirm_something() {
    history.pushState(null, null, location.href);
      window.onpopstate = function () {
        history.go(1);
      };
    return confirm("Text you want?");
}

if(Confirm_something){
   console.log('user say yes'); //then call your save edit or delete functions.
}
else{
   console.log('user say no');
}