hujung hadapan web
html tutorial
Bagaimana untuk membezakan antara menutup tab penyemak imbas dan menutup seluruh penyemak imbas menggunakan JavaScript?
Bagaimana untuk membezakan antara menutup tab penyemak imbas dan menutup seluruh penyemak imbas menggunakan JavaScript?
Apr 04, 2025 pm 10:21 PM
JavaScript 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
beforeunloaduntuk 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
sessionStoragedan 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
Muat turun versi baru Binance, tutorial paling lengkap mengenai pemasangan dan muat turun (iOS/Android)
Aug 01, 2025 pm 07:00 PM
Pertama, muat turun aplikasi Binance melalui saluran rasmi untuk memastikan keselamatan. 1. Pengguna Android harus melawat laman web rasmi, mengesahkan bahawa URL adalah betul, muat turun pakej pemasangan Android, dan membolehkan "membenarkan untuk memasang aplikasi dari sumber yang tidak diketahui" kebenaran dalam penyemak imbas. Adalah disyorkan untuk menutup kebenaran selepas menyelesaikan pemasangan. 2. Pengguna Apple perlu menggunakan ID Apple bukan Mainland (seperti Amerika Syarikat atau Hong Kong), log masuk ke ID di App Store dan mencari dan memuat turun aplikasi "Binance" rasmi. Selepas pemasangan, anda boleh beralih kembali ke ID Apple asal. 3. Pastikan untuk membolehkan pengesahan dua faktor (2FA) selepas memuat turun dan simpan aplikasi yang dikemas kini untuk memastikan keselamatan akaun. Seluruh proses mesti dikendalikan melalui saluran rasmi untuk mengelakkan mengklik pautan yang tidak diketahui.
Cara menetapkan semula tumpukan TCP/IP di Windows
Aug 02, 2025 pm 01:25 PM
ToresolvenetworkconnectivityissuesinWindows,resettheTCP/IPstackbyfirstopeningCommandPromptasAdministrator,thenrunningthecommandnetshintipreset,andfinallyrestartingyourcomputertoapplychanges;ifissuespersist,optionallyrunnetshwinsockresetandrebootagain
Pintu Versi Web Yandex Cara Muat turun Binance Yandex Safe Download Binance
Aug 01, 2025 pm 06:27 PM
Apabila menggunakan Yandex untuk mencari saluran Binance rasmi, anda mesti mencari laman web rasmi dengan mencari "Laman Web Rasmi Binance" atau "Laman Web Rasmi Binance"; 2. Selepas memasuki laman web rasmi, cari pintu masuk "muat turun" atau "aplikasi" di header atau footer, dan ikuti garis panduan rasmi untuk memuat turun atau mendapatkan fail pemasangan yang disahkan secara rasmi melalui App Store; 3. Elakkan mengklik iklan atau pautan pihak ketiga sepanjang proses, pastikan nama domain betul dan pautan itu boleh dipercayai, untuk memastikan keselamatan muat turun.
Aplikasi carta K-line terbaru Eth Coins Eth Coins 24-jam Harga Dinamik Masa Nyata
Aug 01, 2025 pm 08:48 PM
Ethereum adalah platform sumber terbuka yang terdesentralisasi berdasarkan teknologi blockchain, yang membolehkan pemaju membina dan menggunakan kontrak pintar dan aplikasi yang terdesentralisasi. Cryptocurrency asalnya ialah Ethereum (ETH), yang merupakan salah satu mata wang digital terkemuka dengan nilai pasaran di dunia.
Panduan langkah demi langkah untuk memasang Windows dari fail ISO
Aug 01, 2025 am 01:10 AM
Muat turunThewindowsisisofrommicrosoft'sofficialsite.2.CreateAbootableusbusingMediaCreationToolorororrufuswithausbdriveofatleast8GB.3.BootFromTheusbbyaccessingTheBootMenuoradJustingBios/UefiseStoStoStoStoStoStoStoStoStingBios.4StoStoStoStoStoStoStoStoStoStoStoStoStoStoStoStoStoStoStoStoStoStoStoStoStoStoStoStoStoStoStoStoStoSTORTORTORTORTORTA
Cara menyelesaikan masalah pemasangan Windows yang gagal
Aug 02, 2025 pm 12:53 PM
Sahkan visifewiWowSoisfrommicrosoftandRecreatetheBebootaTableSabableusBusthemediacreationToolorrufusWithCorrectSettings; 2.ensureHardwaremeeterRequirements, testRamandstorageHealthelheurals;
Toncoin Harga Terkini Aplikasi Aplikasi Koin 24 Jam Koin K-Line Analisis Dalam Talian
Aug 01, 2025 pm 09:42 PM
Toncoin (TON) adalah blok blok pertama yang terdesentralisasi yang asalnya dikandung oleh pasukan Telegram. Ia terkenal dengan prestasi tinggi, kos rendah dan ciri-ciri mesra pengguna, dan bertujuan untuk menyediakan platform rangkaian terbuka untuk berbilion pengguna di seluruh dunia. Ton token asalnya digunakan dalam rangkaian untuk membayar yuran transaksi, ikrar dan mengambil bahagian dalam tadbir urus rangkaian.
Muat turun aplikasi keselamatan aplikasi Binance Binance Versi terbaru
Aug 01, 2025 pm 06:33 PM
Aplikasi Binance mesti dimuat turun melalui saluran rasmi untuk memastikan keselamatan aset. 1. Lawati laman web rasmi Binance, periksa URL dan klik pautan muat turun; 2. Pengguna iOS harus mencari "Binance" di App Store dan mengesahkan bahawa pemaju adalah "Binance"; 3. Pengguna Android boleh memuat turunnya dari Google Play Store atau laman web rasmi untuk memastikan sumber itu boleh dipercayai. Sahkan maklumat pemaju, berhati-hati dengan permintaan kebenaran yang tidak normal, perhatikan pengumuman rasmi untuk mengesahkan kesahihan permohonan itu, dan tidak pernah memuat turunnya melalui pautan pihak ketiga. Selepas memuat turun, anda harus segera mengaktifkan tetapan keselamatan seperti pengesahan dua faktor untuk melindungi sepenuhnya keselamatan akaun.
