


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

Pengambilalihan dan pengurusan aset digital dapat dicapai melalui platform rasmi Solana dan penyelesaian penyimpanan yang selamat. 1. Platform Aplikasi Rasmi Solana (solana.com/ecosystem) menyediakan pelayaran projek, muat turun aplikasi rasmi dan sumber pemaju; 2. Alamat platform perdagangannya adalah pautan yang ditetapkan untuk memudahkan urus niaga pengguna; 3. Peranti penyimpanan perkakasan seperti lejar dapat memastikan keselamatan utama peribadi di luar talian; 4. 5. Teknologi multi-tandatangan meningkatkan keselamatan kebenaran; Di samping itu, anda juga boleh mengambil bahagian dalam ekosistem aset digital dengan menyertai tadbir urus komuniti, menggunakan aplikasi yang terdesentralisasi, penciptaan kandungan, dll.

OUYI OKX adalah platform perdagangan aset digital profesional yang menyediakan pengguna global dengan produk dan perkhidmatan aset digital yang pelbagai. Dengan sistem yang selamat dan stabil dan ciri -ciri yang kaya dan komprehensif, ia telah menjadi pilihan ramai peminat aset digital.

Apabila Windows tidak dapat mengesan monitor kedua, periksa terlebih dahulu sama ada sambungan fizikal adalah normal, termasuk bekalan kuasa, pemalam kabel dan keserasian antara muka, dan cuba menggantikan kabel atau penyesuai; Kedua, mengemas kini atau memasang semula pemacu kad grafik melalui pengurus peranti, dan melancarkan versi pemandu jika perlu; kemudian klik secara manual "pengesanan" dalam tetapan paparan untuk mengenal pasti monitor untuk mengesahkan sama ada ia dikenal pasti dengan betul oleh sistem; Akhirnya periksa sama ada sumber input monitor dihidupkan ke antara muka yang sepadan, dan sahkan sama ada port output kad grafik yang disambungkan ke kabel adalah betul. Berikutan langkah-langkah di atas untuk menyemak, kebanyakan masalah pengiktirafan dua skrin biasanya dapat diselesaikan.

Apabila menghadapi masalah tugas percetakan yang terperangkap, membersihkan giliran cetak dan memulakan semula perkhidmatan printspooler adalah penyelesaian yang berkesan. Pertama, buka antara muka "Peranti dan Pencetak" untuk mencari pencetak yang sepadan, klik kanan tugas dan pilih "Batal" untuk membersihkan tugas tunggal, atau klik "Batal semua dokumen" untuk membersihkan barisan pada satu masa; Jika barisan tidak dapat diakses, tekan Win R untuk memasukkan perkhidmatan.msc untuk membuka senarai perkhidmatan, cari "Printspooler" dan hentikannya sebelum memulakan perkhidmatan. Jika perlu, anda boleh memadam secara manual fail sisa di bawah laluan c: \ windows \ system32 \ spool \ pencetak untuk menyelesaikan masalah sepenuhnya.

Apabila menghadapi masalah "WindowsCan'tConnectTothisNetwork", anda harus terlebih dahulu menyemak sama ada nama rangkaian dan kata laluan betul, termasuk kes, ruang dan aksara khas. Jika ia adalah nama WiFi Cina, cuba ubahnya ke bahasa Inggeris, dan kemudian lupa rangkaian dan sambungkan semula; Kedua, periksa sama ada penghala menghadkan bilangan peranti atau membolehkan penapisan alamat MAC, dan mulakan semula penghala atau log masuk ke latar belakang untuk menyesuaikan tetapan; Ketiga, periksa tetapan dan pemacu rangkaian sistem, kemas kini pemacu kad rangkaian tanpa wayar, tetapkan semula tetapan rangkaian atau sahkan bahawa IP diperolehi secara automatik; Akhirnya periksa sama ada kaedah pengesahan rangkaian serasi, terutamanya dalam rangkaian perusahaan atau kampus, anda perlu berunding dengan pentadbir untuk mengkonfigurasi protokol EAP dan sijil pemasangan yang betul.

Oke adalah platform perkhidmatan aset digital yang terkenal di dunia, komited untuk menyediakan pengguna dengan pengalaman perdagangan aset digital yang selamat, stabil dan cekap. Dengan kekuatan teknikalnya yang kuat, sistem kawalan risiko yang komprehensif dan antara muka operasi mesra pengguna, platform telah mendapat pengiktirafan yang luas dari pengguna di seluruh dunia.

Mencari peluang udara untuk projek cryptocurrency adalah cara ramai peserta ingin memperoleh token untuk projek peringkat awal. Airdrops ini biasanya merupakan cara bagi pihak projek untuk mempromosikan jenama, pembinaan komuniti, atau memberi inspirasi kepada pengguna awal. Untuk mencari maklumat ini dengan berkesan, anda perlu bergantung pada pelbagai saluran dan kaedah yang boleh dipercayai.

Kaedah untuk membolehkan Windows Dark Mode adalah seperti berikut: 1. Mod gelap peringkat sistem boleh dilaksanakan dengan memilih "gelap" dalam "Tetapan> Peribadi> Warna", yang mempengaruhi antara muka sistem seperti menu mula dan bar tugas; 2. Tukar warna tema aplikasi, anda boleh menghidupkan warna aksen dalam menu yang sama dan membolehkan latar belakang gelap, yang sesuai untuk beberapa aplikasi asli; 3. Pelayar dan perisian pihak ketiga perlu ditetapkan secara berasingan, seperti membolehkan mod gelap pada halaman bendera krom atau tepi, atau beralih dalam WeChat, QQ dan perisian lain; 4. Penukaran automatik boleh dicapai melalui alat seperti AutodarkMode untuk meningkatkan pengalaman pengguna.
