ブラウザの閉じる、タブの閉じるおよびリロードイベントの処理方法

Question

ユーザーがタブを再読み込みしようとするとき、タブを閉じる、ブラウザを閉じるときに、いつでもカスタムモーダルを表示する必要があります。

私はonbeforeunloadイベントを処理しようとしましたが、私はカスタムメッセージをchromeに表示できません。

私は、クロスブラウザアプリケーションで処理するためにか、それが可能であっても疑問に思って

私はカスタム設計ともOKにはマッサージといくつかのモーダルを表示し、特定のケースでは、ボタンをキャンセルする必要があります。ボタンアクションも対応する必要があります

これを行う方法はありますか？お気軽に アドバイスありがとうございます。

Answer 1

このようにしてみてください。

import { Component, HostListener } from '@angular/core'; 

export class Component { 
@HostListener('window:unload', ['$event']) 
unloadHandler(event) { 
    console.log('unloadHandler'); 
} 

@HostListener('window:beforeunload', ['$event']) 
beforeUnloadHander(event) { 
    return false; 
} 
}