


Bagaimana untuk membezakan antara menutup tab penyemak imbas dan menutup seluruh penyemak imbas menggunakan JavaScript?
Apr 04, 2025 pm 10:21 PMJavaScript membezakan antara penutup tab penyemak imbas dan penutup pelayar penuh
Dalam penggunaan harian Pelayaran Multi-Tab, pengguna mungkin perlu menutup tab tunggal atau penyemak imbas keseluruhan. Dalam sesetengah senario aplikasi, sebagai contoh, tindakan tertentu diperlukan apabila penyemak imbas ditutup sepenuhnya (seperti maklumat log masuk penjelasan), tetapi tidak apabila menutup tab tunggal. Artikel ini akan meneroka cara menggunakan JavaScript untuk membezakan antara kedua -dua situasi ini dan menyediakan penyelesaian yang sepadan.
Penerangan Masalah
Katakan aplikasi web yang kami buat berjalan pada penyemak imbas Chrome pada sistem Windows. Keperluannya adalah untuk membersihkan maklumat log masuk apabila pengguna menutup seluruh penyemak imbas, sambil mengekalkan maklumat log masuk tidak berubah apabila menutup tab tunggal. Bagaimana untuk melaksanakan fungsi ini?
Penyelesaian
Kita boleh menggunakan objek sessionStorage
HTML5 untuk menyelesaikan masalah ini. sessionStorage
membolehkan data pasangan nilai kunci disimpan dalam sesi yang sama. Apabila menutup penyemak imbas, data di sessionStorage
akan dibersihkan, sementara menutup tab tunggal tidak akan menjejaskan data sessionStorage
tab lain.
Langkah -langkah pelaksanaan khusus adalah seperti berikut:
-
Dengarkan Acara Tutup Pelayar: Gunakan Acara
beforeunload
untuk mendengar Operasi Tutup Tutup Pelayar.window.AddEventListener ('sebelum ini', fungsi (e) { // Tambah kod untuk membersihkan maklumat log masuk di sini, tetapi harus diperhatikan bahawa secara langsung melaksanakan di sini juga boleh menyebabkan penjelasan ketika menutup tab. });
-
Gunakan SesiStorage untuk membezakan tingkah laku penutup: Apabila setiap tab dimuatkan, tetapkan item
sessionStorage
dan periksa sama ada item itu wujud apabila ditutup. Jika ia wujud, ini bermakna halaman tab ditutup; Jika ia tidak wujud, ini bermakna bahawa seluruh penyemak imbas ditutup.// Tetapkan sessionStorage apabila halaman dimuat window.addeventListener ('beban', fungsi () { sessionStorage.setItem ('tabOpen', 'true'); }); // semak sessionStorage semasa ditutup window.AddEventListener ('sebelum ini', fungsi (e) { jika (! sessionStorage.getItem ('tabOpen')) { // Maklumat log masuk jelas clearLoginInfo (); } else { // Buang sessionStorage item sessionStorage.removeItem ('tabOpen'); } }); fungsi ClearLoginInfo () { // Tambah kod untuk membersihkan maklumat log masuk di sini ke Console.log ('Maklumat Log Masuk ...'); }
Melalui kaedah di atas, kami dapat membezakan dengan berkesan antara menutup halaman tab dan menutup penyemak imbas, dan melaksanakan operasi membersihkan maklumat log masuk apabila penyemak imbas ditutup sepenuhnya, sementara operasi ini tidak akan dilakukan apabila menutup halaman tab tunggal. Harus diingat bahawa peristiwa beforeunload
boleh dipintas atau ditangguhkan oleh penyemak imbas, bergantung kepada pelaksanaan spesifik penyemak imbas dan tetapan pengguna. Untuk meningkatkan kebolehpercayaan, teknologi lain, seperti pengurusan sesi pelayan, boleh dipertimbangkan.
Atas ialah kandungan terperinci Bagaimana untuk membezakan antara menutup tab penyemak imbas dan menutup seluruh penyemak imbas menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Alat AI Hot

Undress AI Tool
Gambar buka pakaian secara percuma

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Bagaimana untuk menjalankan transaksi BTC melalui aplikasi Binance? Jawapannya adalah seperti berikut: 1. Muat turun dan pasang aplikasi Binance, pendaftaran lengkap dan pengesahan identiti, dan dana cas semula; 2. Buka aplikasinya untuk mencari BTC, pilih pasangan dagangan seperti BTC/USDT, dan akrab dengan carta harga dan jenis permohonan; 3. Pilih Beli atau Jual, tetapkan pesanan had atau pesanan pasaran dan serahkan pesanan; 4. Periksa status pesanan pada halaman aman, lihat rekod melalui pesanan sejarah, dan uruskan aset digital pada halaman aset.

Aplikasi Exchange Mata Wang Maya adalah aplikasi perdagangan aset digital profesional, menyediakan pengguna dengan perkhidmatan perdagangan mata wang digital yang selamat dan mudah. Versi V6.129.0 baru telah menaik taraf pengalaman dan pengalaman operasi, yang bertujuan untuk membawa pengalaman perdagangan yang lebih lancar.

Versi rasmi terkini platform perdagangan mata wang maya v6.129.0 adalah aplikasi perdagangan aset digital profesional dan selamat yang dibuat untuk pengguna Android. Ia menyediakan keadaan pasaran yang kaya, fungsi perdagangan yang mudah dan perlindungan keselamatan berganda, dan komited untuk menyediakan pengguna dengan pengalaman perdagangan kelas pertama.

Google Chrome adalah pelayar web multi-platform percuma dan cepat yang dibangunkan oleh Google. Ia terkenal dengan kelajuan, kestabilan dan kebolehpercayaannya. Chrome didasarkan pada projek Chromium sumber terbuka dan digunakan secara meluas pada peranti seperti desktop, komputer riba, tablet dan telefon pintar. Penyemak imbas mempunyai antara muka yang bersih dan pelbagai pilihan yang disesuaikan, yang membolehkan pengguna memperibadikannya mengikut keutamaan mereka. Di samping itu, Chrome mempunyai perpustakaan besar sambungan yang menyediakan ciri -ciri tambahan seperti penyekatan iklan, pengurusan kata laluan dan terjemahan bahasa, meningkatkan lagi pengalaman melayari.

Aplikasi Exchange Coin Digital Virtual adalah alat dagangan aset digital yang kuat, komited untuk menyediakan perkhidmatan perdagangan yang selamat, profesional dan mudah kepada pengguna global. Platform ini menyokong pelbagai urus niaga aset digital arus perdana dan muncul, dengan sistem perlindungan keselamatan peringkat bank dan pengalaman operasi yang lancar.

OKX adalah platform perkhidmatan aset digital terkemuka di dunia yang menyediakan pengguna dengan perkhidmatan perdagangan, pelaburan dan pengurusan untuk pelbagai aset digital. Ia mempunyai fungsi yang komprehensif dan operasi yang mudah, dan dipercayai oleh majoriti pengguna.

USDT adalah stablecoin yang berjalan di blok block, terutamanya yang digunakan untuk melindung nilai risiko turun naik, berfungsi sebagai medium yang mudah untuk perdagangan, merealisasikan pemindahan rentas sempadan dan mengambil bahagian dalam pengurusan kewangan aset digital. 1. USDT mencapai kestabilan harga melalui 1: 1 berlabuh dengan USD. Tidak seperti penerbitan mata wang tradisional yang terpusat, ia berdasarkan teknologi blockchain untuk mendesentralkan peredaran; 2. Senario aplikasinya termasuk lindung nilai dalam turun naik pasaran, pasangan perdagangan utama platform perdagangan, pemindahan rentas sempadan rendah, dan aset asas produk kewangan platform; 3. Syarikat Tether menjamin ketelusan melalui pembebasan sijil rizab dan audit pihak ketiga, tetapi ketelusannya masih kontroversial. Pengguna boleh menanyakan data rantaian untuk mengesahkan beberapa maklumat melalui pelayar blockchain.

Artikel ini akan menerangkan pemilihan platform perdagangan Dogecoin dan muat turun aplikasi rasmi. Kami akan menerangkan secara terperinci bagaimana untuk mencari dan memuat turun aplikasi platform perdagangan melalui saluran yang selamat dan boleh dipercayai. Proses ini akan dibentangkan dalam bentuk pengajaran langkah demi langkah. Seterusnya, kami akan memperkenalkan beberapa platform perdagangan Dogecoin arus perdana di pasaran semasa, dan menggabungkan maklum balas umum dari pengguna dalam talian untuk menjelaskan ciri -ciri mereka secara komprehensif untuk rujukan.
