Bagaimanakah Saya Boleh Menghalang Pengguna daripada Meninggalkan Halaman Tanpa Pengesahan dalam 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?';
};

Sebagai alternatif, anda boleh gunakan jQuery untuk ini tugas:

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

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!