Question

当用户在angularjs中关闭浏览器或窗口选项卡时，我想清除本地存储值。我尝试了以下代码。

window.addEventListener("beforeunload", function (e) {
        var confirmationMessage = "\o/";
        alert("exit");
        (e || window.event).returnValue = confirmationMessage; //Gecko + IE
        return confirmationMessage;                            //Webkit, Safari, Chrome
    });

在上面的代码中，当刷新页面并关闭页面时，它会询问确认警报消息。但是我想在关闭浏览器/ Window选项卡时激活angularjs事件，而不需要询问确认消息。

Answer 1

在我参与的上一个项目中，我使用了以下代码：

$window.onbeforeunload = function (event) {
    if (self.form.$dirty) {
        return 'You have made changes, but you did not save them yet.\nLeaving the page will revert all changes.';
    }
}

首先，它会检查表单中的数据是否已更改。如果是这样，当用户尝试关闭窗口或转到另一个URL时，将显示一个弹出窗口，指出存在未保存的更改。

因此，在这种情况下，您可以访问控制器，因此所有角度事件都应该能够触发。

Answer 2

这对我有用，但是您需要注意，自定义消息在大多数浏览器（例如chrome，IE，firefox）中均不起作用。

window.onbeforeunload = () => {
     return 'Are you sure you want to leave without saving?';
}

当用户使用浏览器默认消息刷新或关闭选项卡或窗口时，将触发该事件。

Answer 3

我试过这段代码，对我有用！

      window.onbeforeunload = close;
                function close(){

                    // do something...
                    localStorage.clear();
                    sessionStorage.clear();
                   return null;
                }

如何在关闭浏览器或窗口时触发Angularjs事件？

3 个答案: