Maison > interface Web > js tutoriel > le corps du texte

Comment JS détecte-t-il si la fenêtre ouverte par window.open est fermée ?

零下一度
Libérer: 2018-05-29 11:00:25
original
3362 Les gens l'ont consulté

En développement, j'ai rencontré la nécessité d'ajouter un masque à la fenêtre parent lors de l'ouverture de la fenêtre pour éviter toute mauvaise utilisation de l'utilisateur, et lorsque la fenêtre est fermée, le masque de la fenêtre parent doit être supprimé pour faciliter l'utilisation de l'utilisateur. Par conséquent, vous pouvez utiliser setInterval() pour détecter périodiquement si la fenêtre ouverte est fermée

Pendant le développement, vous devez ajouter un masque à la fenêtre parent lors de l'ouverture de la fenêtre pour éviter toute mauvaise utilisation de l'utilisateur, et lorsque la fenêtre est fermée, vous devez supprimer le masque de la fenêtre parent pour faciliter l'opération de l'utilisateur.

Vous pouvez donc utiliser setInterval() pour détecter périodiquement si la fenêtre ouverte est fermée.

S'il est détecté que la fenêtre a été fermée, vous devez utiliser clearInterval() pour mettre fin au comportement de surveillance.

1. Créez une nouvelle fenêtre :

var newWin = window.open(url,name,"height=500,width=1000"); 
$("body",parent.document).mask("信息编辑中...");
Copier après la connexion

2. Créez une fonction de surveillance avec une période de surveillance de 1 seconde. :

var loop = setInterval(function() { 
  if(newWin .closed) {  
    clearInterval(loop);  
    $("body",parent.document).unmask();
  }  
}, 1000);
Copier après la connexion

Ce qui précède est le JS introduit par l'éditeur pour détecter si la fenêtre ouverte par window.open est fermée. J'espère que cela vous sera utile. veuillez me laisser un message, l'éditeur répondra à tout le monde à temps !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal