js如何识别是页面关闭，而非页面刷新

Question

js如何识别是页面关闭，而非页面刷新

      // 离开页面时添加提示
      window.onbeforeunload = (e) => {
        e = e || window.event;
        if (e) {
          e.returnValue = '确定要关闭此窗口吗？';
        }
        return '确定要关闭此窗口吗？';
      };

当前代码无论页面关闭，还是页面刷新都会触发阻止弹框，如何判断只在页面关闭是阻止用户，提示弹框，刷新时不阻止？

Answer 1

以下引用了GPT生成的解答：
要区分页面关闭和页面刷新，可以利用unload事件和beforeunload事件的差异。unload事件在页面关闭时触发，而beforeunload事件在页面关闭或刷新时都会触发。

你可以使用以下代码来判断是否是页面关闭而不是页面刷新：

let isPageRefreshing = false;

window.addEventListener('beforeunload', (e) => {
  if (!isPageRefreshing) {
    e.preventDefault();
    e.returnValue = '确定要关闭此窗口吗？';
  }
});

window.addEventListener('unload', () => {
  isPageRefreshing = true;
});

// 其他刷新页面的代码（例如点击刷新按钮）
function refreshPage() {
  isPageRefreshing = true;
  window.location.reload();
}

在这个代码中，我们引入了一个isPageRefreshing变量来跟踪页面是否正在刷新。当页面关闭时，beforeunload事件会被触发，但只有在isPageRefreshing为false时才会阻止用户，并显示确认弹框。当页面刷新时，unload事件会被触发，此时我们将isPageRefreshing设为true，以区分页面关闭和页面刷新。