I have been working on a solution where I need to show custom text in beforeunload event. I have seen many questions here, but none of them seems to be working. So for angular is there any way using which we can update the text of the alert box? As I want to show the text in both English and French, depending upon language selection.

The code :

listenerFucntion = (event) => {
  // Cancel the event as stated by the standard.
  event.preventDefault();
  // Chrome requires returnValue to be set.
  event.returnValue = 'You are currently in edit mode. Are you sure you want to refresh the page?';
  
}

addAlertWithListener(){

 window.addEventListener('beforeunload', this.listenerFucntion ,true);
}
removeAlertWithListener() {
  window.removeEventListener('beforeunload', this.listenerFucntion,true);
}

Here as you can see I am trying to change the text but all I am getting is :