Capturez l'événement de fermeture de la fenêtre contextuelle en JavaScript

Question

J'ai besoin d'effectuer une action avant qu'une fenêtre contextuelle (en utilisant window.open ) ne se ferme.

Quelque chose comme ça va être bon :

 var new_window = window.open('some url')
new_window.onBeforeUnload = function(){ my code}

Comment puis-je y parvenir?

Answer 1

Votre exemple fonctionnera tant que l'URL de la fenêtre contextuelle se trouve dans le même domaine que la page parente et que vous modifiez l'événement en minuscule :

 var new_window = window.open('some url')
new_window.onbeforeunload = function(){ /* my code */ }

Answer 2

Le nom de l'événement est onbeforeunload et non onBeforeUnload . JS est sensible à la casse.

Answer 3

Vous devez lier l' onbeforeunload à la fenêtre APRÈS son ouverture.

Le moyen le plus simple de le faire serait d'avoir le code javascript onbeforeunload dans le code source de la fenêtre.

Pour des explications détaillées, reportez-vous à ces deux questions très similaires ici et ici sur Stackoverflow.

Answer 4

L'événement onbeforeunload doit être ajouté après le chargement de la fenêtre contextuelle. Par exemple, vous pouvez l'ajouter à la fin de son événement de chargement comme ci-dessous ;

 const new_window = window.open('some url')
new_window.onload = function(){ 
    /* my code */ 
    this.onbeforeunload = function(){ /* my code */ }
}