Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Menghalang Pengguna daripada Meninggalkan Halaman Tanpa Pengesahan dalam JavaScript?

Bagaimanakah Saya Boleh Menghalang Pengguna daripada Meninggalkan Halaman Tanpa Pengesahan dalam JavaScript?

Susan Sarandon
Lepaskan: 2024-11-13 03:23:02
asal
480 orang telah melayarinya

How Can I Prevent Users from Leaving a Page Without Confirmation in JavaScript?

Menghalang Halaman Keluar Tanpa Pengesahan dalam JavaScript

Untuk menghalang pengguna daripada meninggalkan halaman tanpa pengesahan, acara onbeforeunload berfungsi sebagai penyelesaian yang berkesan. Menggunakan acara ini, anda boleh memaparkan gesaan kepada pengguna, bertanya sama ada mereka benar-benar mahu meninggalkan halaman.

Pelaksanaan:

window.onbeforeunload = function() {
  return 'Are you sure you want to leave?';
};
Salin selepas log masuk

Sebagai alternatif, anda boleh gunakan jQuery untuk ini tugas:

$(window).bind('beforeunload', function() {
  return 'Are you sure you want to leave?';
});
Salin selepas log masuk

Pertimbangan:

  • Acara onbeforeunload hanya memaparkan gesaan; ia tidak boleh mengubah hala pengguna ke halaman lain.
  • Chrome 14 dan ke atas menyekat makluman dalam acara onload. Oleh itu, untuk memaparkan mesej sebelum pemunggahan halaman, gunakan onbeforeunload sebaliknya.

Pilihan Tambahan:

Jika matlamat anda adalah untuk mengubah hala pengguna berdasarkan respons mereka kepada gesaan pengesahan, anda boleh menggunakan kaedah lain, seperti:

1. Cincang URL:

Tambah cincang (cth., #tinggalkan) pada URL apabila gesaan pengesahan dipaparkan. Jika pengguna memilih "Ya", alih keluar cincang dan ubah hala ke halaman yang dikehendaki.

2. Storan Setempat:

Simpan nilai dalam storan setempat yang menunjukkan bahawa pengguna ingin keluar. Apabila pengguna mengesahkan niat mereka, alih keluar nilai yang disimpan dan ubah halanya.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghalang Pengguna daripada Meninggalkan Halaman Tanpa Pengesahan dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan