angular - リロードがクリックされたときにのみ関数を実行する方法は、angular 2+のbeforeunloadイベントでキャンセルされませんか?

Question

更新/終了イベントで変更を次のように保存するように実装しました。

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

正常に動作していますが、リロード/キャンセルの両方のクリックで保存が行われます。

リロードとキャンセルのクリックを区別する方法はありますか?

例はこちら！ページが更新されるたびに上記の警告が表示され、ブラウザの戻るボタンを使用して後方に移動する場合にも表示されますが、同じことが1回の更新とブラウザの終了イベントでのみ機能します。

ここに何かが欠けていますか、それとも chrome/firefox がこの onbeforeunload イベントを更新して閉じるように制限していますか?

ありがとう。