国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Table des matières
JavaScript distingue la fermeture de l'onglet du navigateur et la fermeture complète du navigateur
Description du problème
Solution
Maison interface Web tutoriel HTML Comment faire la distinction entre la fermeture d'un onglet de navigateur et la fermeture du navigateur entier à l'aide de JavaScript?

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 PM
windows Navigateur Paires de valeurs clés sessionstorage

Comment faire la distinction entre la fermeture d'un onglet de navigateur et la fermeture du navigateur entier à l'aide de JavaScript?

JavaScript 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:

  1. é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.
     });
  2. 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!

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

Outils d'IA chauds

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

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?!

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

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

Plateforme d'application officielle de Solana. Adresse populaire.co Plateforme d'application officielle de Solana. Adresse populaire.co Jul 10, 2025 pm 07:06 PM

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.

Application de plate-forme de trading de DoGECOIN Téléchargez ce que sont là Application de plate-forme de trading de DoGECOIN Téléchargez ce que sont là Jul 08, 2025 pm 05:36 PM

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.

Comment corriger le code d'arrêt 'System_Service_Exception' dans Windows Comment corriger le code d'arrêt 'System_Service_Exception' dans Windows Jul 09, 2025 am 02:56 AM

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 DERNIER VERSION OKX Android authentine App Portal V6.128.0 OUYI DERNIER VERSION OKX Android authentine App Portal V6.128.0 Jul 10, 2025 pm 09:15 PM

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.

Comment réparer le deuxième moniteur non détecté sous Windows? Comment réparer le deuxième moniteur non détecté sous Windows? Jul 12, 2025 am 02:27 AM

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.

OUYI Version de l'ordinateur Installation Installation Site Web officiel PC OKX Méthode de téléchargement du logiciel OUYI Version de l'ordinateur Installation Installation Site Web officiel PC OKX Méthode de téléchargement du logiciel Jul 09, 2025 pm 06:00 PM

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.

Entrée officielle du site officiel Entrée STABLECOIN Lien d'adresse du site Web officiel Entrée officielle du site officiel Entrée STABLECOIN Lien d'adresse du site Web officiel Jul 09, 2025 pm 06:45 PM

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é.

Comment effacer la file d'attente imprimée dans Windows? Comment effacer la file d'attente imprimée dans Windows? Jul 11, 2025 am 02:19 AM

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.

See all articles