javascript - 在关闭浏览器选项卡之前执行保存

Question

我知道还有很多其他线程与这个问题相关，但没有一个能满足我的需要。我有一个表单，当用户选择关闭浏览器选项卡而不保存表单时，我希望自动保存该表单并在顶部显示一条消息(比如 Saving)。我尝试了以下代码:

window.onbeforeunload = function (event) {
    //form saving request
    event.returnValue = "The form is being saved. Please wait";
};

但是，上述方法的问题是:

1> 我不希望它是一个警报弹出窗口，我希望它在后台静静地发生

2> 它提供了 2 个选择:- 留在页面上 或离开此页面，根据我的需要这是荒谬的。

非常感谢任何建议。提前致谢

Answer 1

您可以使用 Beacon API用于 beforeunload 事件的后台请求，但仅适用于基于 Chrome 的浏览器和 Firefox。