javascript - ios javascript pagehide 和卸载不能正常工作

Question

我想在用户关闭选项卡或刷新 ios 页面时显示一个弹出窗口，以防止他丢失数据。我已经看到 unload 已被弃用，我必须使用 pagehide 事件，但似乎两者都不适用于 safari 甚至 chrome。

我的代码是:

window.addEventListener("pagehide", function (evt) {
    return confirm("Vous allez perdre toutes vos modifications");
}, false);

问题是即使我点击取消按钮，页面也会刷新，如果我关闭选项卡，弹出窗口不会出现。

我也为 Chrome 移动版尝试了此代码(桌面工作正常)，但两者都不适用于他的浏览器

window.addEventListener("beforeunload", function (e) {
    if (closeWindow) {
        var message = 'Toutes vos modifications seront perdues';
        if (typeof evt == 'undefined') {
            evt = window.event;
        }
        if (evt) {
            evt.returnValue = message;
        }
        return message;
    }
}, false);

Answer 1

我的猜测是 unload 触发太迟，无法弹出消息。有时您可以使用 beforeunload 来解决这个问题，但它没有在 iOS Safari 中实现。 :( 也许您可以通过在 unload 上向服务器发送 AJAX 请求来做一些棘手的事情(参见:How to detect unsaved data in form when user leaves the page?)。

我不确定它是否有帮助，但您也可以考虑通过将用户数据保存到 localstorage 或将其发送到您的服务器。