


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

Komputer terjebak dalam antara muka "undo yang dibuat ke komputer", yang merupakan masalah biasa selepas kemas kini Windows gagal. Ia biasanya disebabkan oleh proses rollback yang terperangkap dan tidak boleh memasuki sistem secara normal. 1. 2. Jika tidak ada kemajuan untuk masa yang lama, anda boleh memaksa menutup dan memasuki persekitaran pemulihan (winre) beberapa kali, dan cuba memulakan pembaikan atau pemulihan sistem. 3. Selepas memasuki mod selamat, anda boleh menyahpasang rekod kemas kini terkini melalui panel kawalan. 4. Gunakan Prompt Command untuk melaksanakan arahan BootRec dalam persekitaran pemulihan untuk membaiki fail boot, atau jalankan SFC/ScanNow untuk memeriksa fail sistem. 5. Kaedah terakhir adalah menggunakan fungsi "Tetapkan semula komputer ini"

Versi terbaru Binance adalah v2.102.5, dan tutorial kemas kini ialah: 1. Klik pautan muat turun di laman web; 2. Memberi kebenaran pemasangan "Benarkan pemasangan dari sumber yang tidak diketahui"; 3. Cari APK yang dimuat turun dan klik untuk memasang; 4. Klik aplikasi yang dipasang untuk membukanya.

Versi terbaru Binance adalah v2.102.5, dan tutorial kemas kini ialah: 1. Klik pautan muat turun di laman web; 2. Memberi kebenaran pemasangan "Benarkan pemasangan dari sumber yang tidak diketahui"; 3. Cari APK yang dimuat turun dan klik untuk memasang; 4. Klik aplikasi yang dipasang untuk membukanya.

Versi terbaru Binance ialah 2.101.8, dan tutorial kemas kini ialah: 1. Klik pautan muat turun di laman web; 2. Memberi kebenaran pemasangan "Benarkan pemasangan dari sumber yang tidak diketahui"; 3. Cari APK yang dimuat turun dan klik untuk memasang; 4. Klik aplikasi yang dipasang untuk membukanya.

Versi terbaru Binance ialah 2.101.8, dan tutorial kemas kini ialah: 1. Klik pautan muat turun di laman web; 2. Memberi kebenaran pemasangan "Benarkan pemasangan dari sumber yang tidak diketahui"; 3. Cari APK yang dimuat turun dan klik untuk memasang; 4. Klik aplikasi yang dipasang untuk membukanya.

Versi terbaru Binance adalah v2.102.5, dan tutorial kemas kini ialah: 1. Klik pautan muat turun di laman web; 2. Memberi kebenaran pemasangan "Benarkan pemasangan dari sumber yang tidak diketahui"; 3. Cari APK yang dimuat turun dan klik untuk memasang; 4. Klik aplikasi yang dipasang untuk membukanya.

Versi terbaru Binance adalah v2.102.5, dan tutorial kemas kini ialah: 1. Klik pautan muat turun di laman web; 2. Memberi kebenaran pemasangan "Benarkan pemasangan dari sumber yang tidak diketahui"; 3. Cari APK yang dimuat turun dan klik untuk memasang; 4. Klik aplikasi yang dipasang untuk membukanya.

Aplikasi Ethereum Exchange adalah platform perdagangan profesional yang direka khas untuk peminat aset digital, menyediakan perkhidmatan perdagangan mata wang digital yang selamat, stabil dan mudah. Pengguna boleh melihat keadaan pasaran dalam masa nyata, menjalankan operasi perdagangan melalui aplikasi, dan menikmati pelbagai jaminan keselamatan.
