仅在单击重新加载时如何执行功能，而不在angular 2+中的beforeunload事件上取消？

Question

我实现了将刷新/关闭事件上的更改保存为：

@HostListener('window:beforeunload', ['$event'])
  beforeunloadHandler(event) {
    //save the form to local storage
    event.returnValue = false;
    }

它工作正常，但是保存同时发生在重新加载/取消点击上。

是否可以区分重载和取消点击？

示例here！在每次刷新页面以及使用浏览器后退按钮向后导航时，都会显示上述警告，但是对于我来说，这仅适用于一次刷新和浏览器关闭事件。

我在这里丢失了某些内容，或者chrome / firefox限制了此onbeforeunload事件来刷新和关闭？

谢谢。