Bagaimanakah Saya Boleh Menghalang Pengguna daripada Meninggalkan Halaman Tanpa Pengesahan?

JavaScript: Pengesahan Sebelum Keluar Halaman

Untuk menghalang pengguna daripada meninggalkan halaman tanpa pengesahan, banyak pembangun menggunakan acara onunload. Walau bagaimanapun, kaedah ini mempunyai had.

Cabaran dengan onunload

ounload pencetus selepas halaman mula dipunggah, menjadikannya tidak sesuai untuk mengubah hala pengguna atau menunjukkan gesaan pengesahan.

Alternatif: onbeforeunload

Gunakan onbeforeunload bukannya onunload. Peristiwa ini berlaku sebelum halaman mula dipunggah, membolehkan anda:

• Tunjukkan mesej pengesahan
• Batalkan pemunggahan halaman jika pengguna menolak

Melaksanakan dengan JavaScript

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

Menggunakan jQuery

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

Had onbeforeunload

• Ia sahaja memaparkan mesej pengesahan.
• Ia tidak boleh mengubah hala pengguna jika mereka memilihnya kekal.
• Penyemak imbas seperti Chrome mungkin menyekat makluman dalam masa sebelum dimuatkan.

Pilihan Tambahan

Untuk lebih kawalan ke atas proses pemunggahan halaman:

window.onunload = function() {
    alert('Bye.');
};

Atau dengan jQuery:

$(window).unload(function() {
  alert('Bye.');
});

Nota: onunload tidak boleh mengubah hala pengguna dan Chrome menyekat makluman di dalamnya.

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