Cara Mencegah Navigasi Halaman dalam JavaScript: Mengganggu atau Menyekat Tindakan Pengguna

Menghalang Navigasi Halaman dalam JavaScript

Apabila menavigasi keluar dari halaman web, pengguna mungkin kehilangan perubahan yang tidak disimpan secara tidak sengaja atau membiarkan tugas penting belum selesai. JavaScript menawarkan kaedah untuk menangani perkara ini dengan mengganggu atau menghalang navigasi halaman sama sekali.

Navigasi Interrupt:

Acara onbeforeunload dicetuskan apabila pengguna cuba menavigasi keluar dari halaman . Acara ini membolehkan anda memaparkan gesaan atau mesej kepada pengguna, meminta pengesahan atau memberikan maklumat tambahan. Mengembalikan rentetan bukan kosong daripada pengendali onbeforeunload akan mengganggu navigasi dan menghalang halaman daripada keluar.

Dalam penyemak imbas moden, mengembalikan rentetan kosong daripada pengendali acara akan memaparkan mesej pengesahan lalai. Mesej ini tidak boleh ditindih. Contohnya:

<code class="javascript">window.onbeforeunload = function() {
  return "";
}</code>

Contoh dengan Mesej Tersuai (Pelayar Lama):

Pelayar lama memberikan pilihan untuk menentukan mesej tersuai dalam gesaan pengesahan navigasi:

<code class="javascript">window.onbeforeunload = function() {
  return "Are you sure you want to navigate away?";
}</code>

Nota: Pendekatan ini terhad kerana ia memerlukan mesej khusus untuk dipaparkan dan mungkin tidak serasi dengan semua penyemak imbas. Adalah disyorkan untuk menggunakan pendekatan rentetan kosong untuk keserasian yang lebih luas.

Atas ialah kandungan terperinci Cara Mencegah Navigasi Halaman dalam JavaScript: Mengganggu atau Menyekat Tindakan Pengguna. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!