Comment gérer la fermeture, la fermeture d'un onglet et le rechargement du navigateur

Question

Je dois montrer le modal personnalisé chaque fois que l'utilisateur essaie de recharger l'onglet, ferme l'onglet ou ferme le navigateur.

J'ai essayé de gérer l'événement onbeforeunload mais cela ne me permet pas d'afficher le message personnalisé en chrome.

Je me demande même s'il est possible ou non de traiter en application de cross-browser

Je dois montrer un peu modal avec un design personnalisé et massage qui a également ok et bouton d'annulation en cas particulier. action de bouton doivent également gérer en conséquence

S'il vous plaît suggérer est-il un moyen de le faire .. Merci à adv.

Answer 1

Essayez comme ceci:

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; 
} 
}