获取用户在用户离开域时对 beforeunload 事件的响应



我有一个AngularJS应用程序,并使用以下代码让用户确认他/她是否真的想离开页面并可能丢失未保存的数据:

window.addEventListener('beforeunload', function (e) {
e.preventDefault();
e.returnValue = '';
return 'Do you really want to leave?'
});
window.addEventListener('unload', function (e) {
console.log('unload');
myRestService.close();
e.preventDefault();
e.returnValue = '';
});

这很有效,浏览器会显示消息框,用户必须在其中决定离开或留在页面上。但是,如果用户真的想离开页面,我必须调用休息后端。为此,我认为我还可以注册当用户实际离开背部时触发的卸载事件。如果用户重新加载后退或导航到应用内的其他 URL,则此方法有效。但是,当用户导航到 anthoer 页面或关闭浏览器时,该事件不会触发,或者至少我看不到它。

我怎样才能捕捉到这些事件并确保我的休息电话仍然通过?

您可以在选项卡关闭之前调用函数,如下所示:

$window.onbeforeunload = function (arg) {
$scope.onclose();
}

现在,您可以在关闭功能中的所有REST API

有关更多详细信息和其他方法,请单击此链接

最新更新