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

目次
JavaScriptはブラウザタブの閉鎖とブラウザの完全閉鎖を區(qū)別します
問題の説明
解決
ホームページ ウェブフロントエンド htmlチュートリアル [ブラウザ]タブを閉じることと、JavaScriptを使用してブラウザ全體を閉じることを區(qū)別する方法は？

[ブラウザ]タブを閉じることと、JavaScriptを使用してブラウザ全體を閉じることを區(qū)別する方法は？

Apr 04, 2025 pm 10:21 PM
windows ブラウザ キーと値のペア sessionstorage

[ブラウザ]タブを閉じることと、JavaScriptを使用してブラウザ全體を閉じることを區(qū)別する方法は？

JavaScriptはブラウザタブの閉鎖とブラウザの完全閉鎖を區(qū)別します

マルチタブブラウジングの毎日の使用では、ユーザーは単一のタブまたはブラウザ全體を閉じる必要がある場(chǎng)合があります。たとえば、いくつかのアプリケーションシナリオでは、ブラウザが完全に閉じている場(chǎng)合（ログイン情報(bào)のクリアなど）、単一のタブを閉じるときはそうではありません。この記事では、JavaScriptを使用してこれら2つの狀況を區(qū)別し、対応するソリューションを提供する方法について説明します。

問題の説明

開発したWebアプリケーションが、WindowsシステムのChromeブラウザで実行されるとします。要件は、ユーザーがブラウザ全體を閉じるときにログイン情報(bào)をクリアし、単一のタブを閉じるときにログイン情報(bào)を変更しないようにすることです。この関數(shù)を?qū)g裝する方法は？

解決

HTML5のsessionStorageオブジェクトを使用して、この問題を解決できます。 sessionStorage使用すると、キー価値ペアデータを同じセッションに保存できます。ブラウザを閉じると、 sessionStorageのデータがクリアされ、単一のタブを閉じると他のタブのsessionStorageデータには影響しません。

特定の実裝手順は次のとおりです。

  1. ブラウザクローズイベントをリッスンします： beforeunloadイベントを使用して、ブラウザのクローズまたはタブのクローズ操作をリッスンします。

     window.addeventlistener（ 'beforeunload'、function（e）{
     //ここでログイン情報(bào)をクリアするためにコードを追加しますが、ここで直接実行することは、タブを閉じるときにクリアすることにもつながる可能性があることに注意する必要があります。
 }）;

  2. sessionstorageを使用して閉じる動(dòng)作を區(qū)別します。各タブがロードされたら、 sessionStorageアイテムを設(shè)定し、閉じたときにアイテムが存在するかどうかを確認(rèn)します。存在する場(chǎng)合、タブページが閉じられていることを意味します。存在しない場(chǎng)合、ブラウザ全體が閉じられていることを意味します。

     //ページが読み込まれたときにsessionStorageを設(shè)定します
 window.addeventlistener（ 'load'、function（）{
     sessionStorage.setItem（ 'tabopen'、 'true'）;
 }）;

 //閉じたときにSESSIONSTORAGEを確認(rèn)してください
 window.addeventlistener（ 'beforeunload'、function（e）{
     if（！sessionStorage.getItem（ 'tabopen'））{
         //ログイン情報(bào)ClearLoginInfo（）;
     } それ以外 {
         // sessionStorageアイテムsessionStorage.RemoveItem（ 'tabopen'）;
     }
 }）;

 関數(shù)ClearLoginInfo（）{
     //ここでログイン情報(bào)をクリアするためにコードをConsole.log（ 'ログイン情報(bào)のクリア...'）;
 }

上記の方法を使用して、タブページを閉じることとブラウザの閉鎖を効果的に區(qū)別し、ブラウザが完全に閉じているときにログイン情報(bào)をクリアする操作を?qū)g行できますが、この操作は1つのタブページを閉じるときに実行されません。ブラウザとユーザー設(shè)定の特定の実裝に応じて、ブラウザによってbeforeunloadイベントがインターセプトまたは遅延する可能性があることに注意する必要があります。信頼性を向上させるために、サーバー側(cè)のセッション管理などの他のテクノロジーを考慮することができます。

以上が[ブラウザ]タブを閉じることと、JavaScriptを使用してブラウザ全體を閉じることを區(qū)別する方法は？の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。

このウェブサイトの聲明
この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脫衣畫像を無料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード寫真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

寫真から衣服を削除するオンライン AI ツール。

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡(jiǎn)単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中國(guó)語(yǔ)版

SublimeText3 中國(guó)語(yǔ)版

中國(guó)語(yǔ)版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強(qiáng)力な PHP 統(tǒng)合開発環(huán)境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

「コンピューターに変更された変更を元に戻す」とWindowsが詰まっています 「コンピューターに変更された変更を元に戻す」とWindowsが詰まっています Jul 05, 2025 am 02:51 AM

コンピューターは、「コンピューターに加えられた変更」インターフェイスに閉じ込められています。これは、Windowsの更新が失敗した後の一般的な問題です。これは通常、スタックロールバックプロセスによって引き起こされ、通常はシステムに入ることができません。 1.まず第一に、特に再起動(dòng)した後、ロールバックを完了するのに30分以上かかる場(chǎng)合があり、ハードディスクライトを観察してまだ実行されているかどうかを判斷するのに十分な時(shí)間を辛抱強(qiáng)く待つ必要があります。 2.長(zhǎng)い間進(jìn)捗がない場(chǎng)合は、強(qiáng)制的にシャットダウンして回復(fù)環(huán)境（Winre）に複數(shù)回入ることができ、修理またはシステムの復(fù)元を開始することができます。 3.セーフモードに入った後、最新の更新レコードをコントロールパネルからアンインストールできます。 4.コマンドプロンプトを使用して、リカバリ環(huán)境でBootRecコマンドを?qū)g行してブートファイルを修復(fù)するか、SFC/スキャノウを?qū)g行してシステムファイルを確認(rèn)します。 5.最後の方法は、「このコンピューターをリセットする」機(jī)能を使用することです

Binance Exchange公式ウェブサイトポータルBinance公式Webサイトポータル Binance Exchange公式ウェブサイトポータルBinance公式Webサイトポータル Jul 04, 2025 pm 11:06 PM

Binanceの最新バージョンはv2.102.5で、更新チュートリアルは次のとおりです。1。Webページのダウンロードリンクをクリックします。 2。「不明なソースからのインストールを許可する」のインストール許可を許可します。 3.ダウンロードしたAPKを見つけて、インストールしてクリックします。 4.インストールされているアプリケーションをクリックして開きます。

Binance Exchange App AndroidバージョンBinance Exchange中國(guó)語(yǔ)バージョンインストールパッケージ直接 Binance Exchange App AndroidバージョンBinance Exchange中國(guó)語(yǔ)バージョンインストールパッケージ直接 Jul 04, 2025 pm 10:54 PM

Binanceの最新バージョンはv2.102.5で、更新チュートリアルは次のとおりです。1。Webページのダウンロードリンクをクリックします。 2?！覆幻鳏圣僵`スからのインストールを許可する」のインストール許可を許可します。 3.ダウンロードしたAPKを見つけて、インストールしてクリックします。 4.インストールされているアプリケーションをクリックして開きます。

コインセキュリティボール公式ウェブサイトポータルビナンスエクスチェンジ公式ウェブサイト コインセキュリティボール公式ウェブサイトポータルビナンスエクスチェンジ公式ウェブサイト Jul 04, 2025 pm 11:15 PM

Binanceの最新バージョンは2.101.8で、更新チュートリアルは次のとおりです。1。Webページのダウンロードリンクをクリックします。 2?！覆幻鳏圣僵`スからのインストールを許可する」のインストール許可を許可します。 3.ダウンロードしたAPKを見つけて、インストールしてクリックします。 4.インストールされているアプリケーションをクリックして開きます。

Binanceの公式ウェブサイトリンクBinance公式ウェブサイトの入り口 Binanceの公式ウェブサイトリンクBinance公式ウェブサイトの入り口 Jul 04, 2025 pm 11:18 PM

Binanceの最新バージョンは2.101.8で、更新チュートリアルは次のとおりです。1。Webページのダウンロードリンクをクリックします。 2。「不明なソースからのインストールを許可する」のインストール許可を許可します。 3.ダウンロードしたAPKを見つけて、インストールしてクリックします。 4.インストールされているアプリケーションをクリックして開きます。

Binance公式ポータルグローバルCrypto Asset Trading Coreポータル Binance公式ポータルグローバルCrypto Asset Trading Coreポータル Jul 04, 2025 pm 11:03 PM

Binanceの最新バージョンはv2.102.5で、更新チュートリアルは次のとおりです。1。Webページのダウンロードリンクをクリックします。 2?！覆幻鳏圣僵`スからのインストールを許可する」のインストール許可を許可します。 3.ダウンロードしたAPKを見つけて、インストールしてクリックします。 4.インストールされているアプリケーションをクリックして開きます。

Binance公式ウェブサイトの入り口住所Binance公式ウェブサイトの入り口と登録ガイド Binance公式ウェブサイトの入り口住所Binance公式ウェブサイトの入り口と登録ガイド Jul 04, 2025 pm 10:57 PM

Binanceの最新バージョンはv2.102.5で、更新チュートリアルは次のとおりです。1。Webページのダウンロードリンクをクリックします。 2。「不明なソースからのインストールを許可する」のインストール許可を許可します。 3.ダウンロードしたAPKを見つけて、インストールしてクリックします。 4.インストールされているアプリケーションをクリックして開きます。

Ethereum Exchangeアプリの最新のAndroid、Ethereum Exchangeアプリのインストール教育の公式バージョン Ethereum Exchangeアプリの最新のAndroid、Ethereum Exchangeアプリのインストール教育の公式バージョン Jul 04, 2025 pm 06:18 PM

Ethereum Exchangeアプリは、デジタル資産愛好家向けに特別に設(shè)計(jì)された専門的な取引プラットフォームであり、安全で安定した便利なデジタル通貨取引サービスを提供しています。ユーザーは、リアルタイムで市場(chǎng)の狀況を表示し、アプリケーションを通じて取引業(yè)務(wù)を?qū)g施し、複數(shù)のセキュリティ保証を享受できます。

See all articles