


Comment faire la distinction entre la fermeture d'un onglet de navigateur et la fermeture du navigateur entier à l'aide de JavaScript?
Apr 04, 2025 pm 10:21 PMJavaScript distingue la fermeture de l'onglet du navigateur et la fermeture complète du navigateur
Dans l'utilisation quotidienne de la navigation multi-gabarits, les utilisateurs peuvent avoir besoin de fermer un seul onglet ou l'ensemble du navigateur. Dans certains scénarios d'application, par exemple, une action spécifique est requise lorsque le navigateur est complètement fermé (tel que la compensation des informations de connexion), mais pas lors de la fermeture d'un seul onglet. Cet article explorera comment utiliser JavaScript pour distinguer ces deux situations et fournir des solutions correspondantes.
Description du problème
Supposons que l'application Web que nous avons développée s'exécute sur le navigateur Chrome sur le système Windows. L'exigence consiste à effacer les informations de connexion lorsque l'utilisateur ferme tout le navigateur, tout en gardant les informations de connexion inchangées lors de la fermeture d'un seul onglet. Comment implémenter cette fonction?
Solution
Nous pouvons utiliser l'objet sessionStorage
de HTML5 pour résoudre ce problème. sessionStorage
permet de stocker les données de paire de valeurs de clé dans la même session. Lors de la fermeture du navigateur, les données de sessionStorage
seront effacées, tandis que la fermeture d'un seul onglet n'affectera pas les données sessionStorage
des autres onglets.
Les étapes de mise en ?uvre spécifiques sont les suivantes:
-
écoutez l'événement de fermeture du navigateur: utilisez l'événement
beforeunload
pour écouter le fonctionnement de fermeture ou de fermeture du navigateur.window.addeventListener ('avant en charge', fonction (e) { // Ajouter du code pour effacer les informations de connexion ici, mais il convient de noter que l'exécution directement ici peut également conduire à une compensation lors de la fermeture de l'onglet. });
-
Utilisez SessionStorage pour distinguer le comportement de cl?ture: lorsque chaque onglet est chargé, définissez un élément
sessionStorage
et vérifiez si l'élément existe lorsqu'il est fermé. S'il existe, cela signifie que la page d'onglet est fermée; S'il n'existe pas, cela signifie que le navigateur entier est fermé.// Définir ses sessionStorage lorsque la page se charge window.addeventListener ('Load', function () { SessionStorage.SetItem ('Tabopen', 'True'); }); // Vérifiez SessionStorage lorsqu'il est fermé window.addeventListener ('avant en charge', fonction (e) { if (! SessionStorage.getItem ('Tabopen')) { // Effacer les informations de connexion clearLoginInfo (); } autre { // Supprimer l'élément SessionStorage SessionStorage.RemoveItem ('tabopen'); } }); fonction clearlogininfo () { // Ajouter le code pour effacer les informations de connexion ici à Console.log (?Effacer des informations de connexion ...?); }
Grace à la méthode ci-dessus, nous pouvons distinguer efficacement entre la fermeture de la page d'onglet et la fermeture du navigateur, et effectuer le fonctionnement de l'effacement des informations de connexion lorsque le navigateur est complètement fermé, tandis que cette opération ne sera pas effectuée lors de la fermeture d'une seule page d'onglet. Il convient de noter que l'événement beforeunload
peut être intercepté ou retardé par le navigateur, en fonction de l'implémentation spécifique du navigateur et des paramètres utilisateur. Pour améliorer la fiabilité, d'autres technologies, telles que la gestion de session c?té serveur, peuvent être prises en compte.
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!

Outils d'IA chauds

Undress AI Tool
Images de déshabillage gratuites

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!

Article chaud

Outils chauds

Bloc-notes++7.3.1
éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

L'acquisition et la gestion des actifs numériques peuvent être réalisées via la plate-forme officielle de Solana et les solutions de stockage sécurisées. 1. La plate-forme d'application officielle de Solana (Solana.com/ecosystem) fournit la navigation de projet, les téléchargements d'applications officiels et les ressources des développeurs; 2. Son adresse de plate-forme de trading est un lien désigné pour faciliter les transactions utilisateur; 3. Les périphériques de stockage matériel tels que Ledger peuvent garantir la sécurité de la clé privée hors ligne; 4. Des applications de bureau ou mobiles telles que Phantom prennent en charge la gestion pratique; 5. La technologie multi-signature améliore la sécurité de l'autorisation; De plus, vous pouvez également participer à l'écosystème des actifs numériques en participant à la gouvernance communautaire, en utilisant des applications décentralisées, la création de contenu, etc.

Cet article expliquera la sélection de la plate-forme de trading de DoGECOIN et le téléchargement officiel de l'application. Nous expliquerons en détail comment trouver et télécharger l'application de la plate-forme de trading via des canaux s?rs et fiables. Ce processus sera présenté sous forme d'enseignement étape par étape. Ensuite, nous présenterons plusieurs plateformes de trading traditionnelles de DoGECOINes sur le marché actuel et combinerons les commentaires généraux des utilisateurs en ligne pour expliquer de manière approfondie leurs caractéristiques de référence.

Lorsque vous rencontrez l'erreur d'écran bleu "System_Service_Exception", vous n'avez pas besoin de réinstaller le système ou de remplacer immédiatement le matériel. Vous pouvez suivre les étapes suivantes pour vérifier: 1. Mettre à jour ou faire reculer les pilotes matériels tels que les cartes graphiques, en particulier les pilotes récemment mis à jour; 2. Désinstaller des logiciels ou des outils système antivirus tiers et utilisez Windowsdefender ou des produits de marque bien connus pour les remplacer; 3. Exécutez les commandes SFC / ScanNow et DISM en tant qu'administrateur pour réparer les fichiers système; 4. Vérifiez les problèmes de mémoire, restaurez la fréquence par défaut et re-remplissez et débranchez le baton de mémoire, et utilisez des outils de diagnostic de mémoire Windows pour détecter. Dans la plupart des cas, les problèmes de conducteur et de logiciel peuvent être résolus en premier.

OUYI OKX est une plate-forme professionnelle de trading d'actifs numériques qui offre aux utilisateurs mondiaux des produits et services d'actifs numériques divers. Avec son système sécurisé et stable et ses caractéristiques riches et complètes, il est devenu le choix de nombreux amateurs d'actifs numériques.

Lorsque Windows ne peut pas détecter un deuxième moniteur, vérifiez d'abord si la connexion physique est normale, y compris l'alimentation, le plug-in et la compatibilité du cable et l'interface, et essayez de remplacer le cable ou l'adaptateur; Deuxièmement, mettez à jour ou réinstallez le pilote de carte graphique via le gestionnaire de périphériques et retirez la version du pilote si nécessaire; Cliquez ensuite manuellement "détection" dans les paramètres d'affichage pour identifier le moniteur pour confirmer s'il est correctement identifié par le système; Enfin, vérifiez si la source d'entrée de moniteur est commandée à l'interface correspondante et confirmez si le port de sortie de la carte graphique connecté au cable est correct. Suivant les étapes ci-dessus pour vérifier à son tour, la plupart des problèmes de reconnaissance à double écran peuvent généralement être résolus.

Cet article fournit les étapes de téléchargement et d'installation du client de la version informatique Ouyi. 1. Visitez le site officiel; 2. Trouvez le portail de téléchargement; 3. Sélectionnez la version correspondante; 4. Télécharger et installer; 5. Connectez-vous à utiliser pour garantir que les utilisateurs peuvent rapidement effectuer des opérations de transaction du c?té PC.

Les informations officielles sur le site Web du stablecoin peuvent être obtenues via un accès direct. 1. Le site officiel de l'USDT fournit des rapports de réserve; 2. Le site officiel de l'USDC publie des certificats d'audit; 3. Le site officiel du DAI affiche un mécanisme de décentralisation; 4. Le site officiel de TUSD prend en charge la vérification sur la cha?ne; 5. Le site officiel de BUSD explique la politique de rachat. De plus, les utilisateurs ordinaires peuvent facilement échanger des stablescoins via des échanges tels que Binance, Ouyi et Huobi. Lorsque vous accédez, vous devez vérifier le nom de domaine, utiliser des signets et être alerte aux fenêtres contextuelles pour assurer la sécurité.

Lorsque vous rencontrez le problème de la tache d'impression, effacer la file d'attente d'impression et redémarrer le service PrintSpooler est une solution efficace. Tout d'abord, ouvrez l'interface "périphérique et imprimante" pour trouver l'imprimante correspondante, cliquez avec le bouton droit sur la tache et sélectionnez "Annuler" pour effacer une seule tache, ou cliquez sur "Annuler tous les documents" pour effacer la file d'attente en même temps; Si la file d'attente est inaccessible, appuyez sur Win R pour entrer des services.msc pour ouvrir la liste des services, recherchez "PrintSpooler" et arrêtez-le avant de démarrer le service. Si nécessaire, vous pouvez supprimer manuellement les fichiers résiduels sous le chemin C: \ Windows \ System32 \ spool \ imprimantes pour résoudre complètement le problème.
