关闭浏览器选项卡之前请保存。

Question

3

我知道有许多其他与此问题相关的线程，但它们都不能满足我的需求。我有一个表单，我希望在用户选择关闭浏览器标签页而没有保存表单时，自动保存表单并在顶部显示消息（例如保存中）。我尝试了以下代码：

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

但是，以上方法存在以下问题：

1> 我不希望它成为一个警报弹窗，我希望它在后台静默地发生。

2> 它给了我两个选择：留在页面上或离开此页面，这对我的需求来说是荒谬的。

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

- Abhi

2个回答

1

你可以使用 window.onunload 事件来触发一个函数，当浏览器标签被关闭时。我建议您查看这个线程：window.onbeforeunload and window.onunload is not working in Firefox , Safari , Opera?。

许多关于使用 window.onunload 的信息已经在那里讨论过了。简单来说，这个事件在Safari中无法使用。

- TaoPR

我不确定这个解决方案是否足够节省时间让你在关闭之前保存数据。你可能需要进行负载测试并确保在选项卡终止之前完全正确地保存了所有数据。 - TaoPR

根据我的尝试，当弹出窗口询问是否离开页面时，用户点击选项的同时，后台表单有足够的时间被保存。但是，我希望它在没有弹出窗口的情况下发生。 :-( - Abhi

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- kmakarychev · Accepted Answer

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