在AngularJS应用中获取用户对beforeunload事件的响应

时间:2018-09-25 08:16:18

标签: angularjs events browser onbeforeunload

我有一个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 = '';
});

这很好用,浏览器显示消息框,用户必须在其中决定离开还是停留在页面上。

但是,如果用户确实要离开该页面,那么我必须打电话给其余的后端。为此,我认为我也可以注册当用户实际离开时触发的unload事件。如果用户重新加载后页或导航到应用程序中的其他网址,则该方法有效。但是,当用户导航到以前的页面或关闭浏览器时,该事件不会触发,或者至少我看不到它。

我还如何捕捉这些事件并确保我的休息电话仍然畅通?

0 个答案:

没有答案