브라우저 닫기, 탭 닫기 및 이벤트 다시로드를 처리하는 방법

Question

사용자가 탭을 다시로드하거나 탭을 닫거나 브라우저를 닫을 때마다 사용자 지정 모달을 표시해야합니다.

나는 onbeforeunload 이벤트를 처리하려고했지만 크롬에 사용자 지정 메시지를 표시 할 수 없습니다.

나는 크로스 브라우저 응용 프로그램에서 처리 유무에 가능하더라도 궁금

나는 사용자 정의 디자인도 확인이 마사지 일부 모달를 표시하고 특별한 경우에 취소 버튼을해야합니다. 버튼 동작도 이에 따라 처리해야합니다.

제안하는 방법이 있습니까? 감사합니다. 이 같은

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