禁止在浏览器中返回导航，但不阻止使用window.onbeforeunload刷新

Question

我试图提醒用户，向后导航将会将他们注销。我在stackoverflow上发现了这段很好的代码，它工作得很好；但是，如果用户刷新了页面，我不想提醒他们。代码如下：

window.onbeforeunload = function(){
    return "Going back will log you out, and lose your information. Are you sure you want to do this?";
};

我已经禁用了backspace按钮，使其不能用于返回导航。当用户使用导航向后箭头、鼠标按钮或页面刷新时，此代码会提醒用户。我希望警报能显示除页面刷新以外的所有内容。

Answer 1

您可以使用onpopstate

var unsavedData = "Going back will log you out, and lose your information. Are you sure you want to do this?";

window.onpopstate = function askConfirm() {
  if (needToConfirm)
    return unsavedData;
}