如果有人离开网页或关闭网页，则保存数据

Question

如果有人试图离开网站，我会尝试保存数据。此应用程序需要向用户显示一条消息，说明他将离开该站点，如果他点击离开，那么在离开之前将有一个需要保存的数据。我已经尝试过原生确认框以及定制设计的选项。

如果是定制设计，我想做这样的事情：

window.onbeforeunload = function(e) {
    $('#modal-popup').show();       }

但这确实没有给我想要的结果。我正在尝试在下面绘制我想要做的事情。请帮忙。

关闭标签 --> 显示确认 --> 如果有人接受 ---> Ajax 调用 ---> 否则就让页面保持原样。

Answer 1

onbeforeunload 需要一个字符串作为返回值，不幸的是当用户点击停留时代码被执行，而不是离开https://developer.mozilla.org/en-US/docs/Web/Events/beforeunload。看到这个：

window.onbeforeunload = function() {
  fetch('https://jsonplaceholder.typicode.com/posts/1')
    .then(response => response.json())
    .then(json => console.log(json));
  return "";
};

运行代码并尝试关闭此选项卡，然后单击停留。