Bagaimana untuk memintas Navigasi Halaman Menggunakan Pengendali Acara onbeforeunload dalam JavaScript?

Memintas Navigasi Halaman dalam JavaScript

Dalam senario yang sangat penting untuk menghalang pengguna daripada menavigasi keluar dari halaman web tertentu, JavaScript menyediakan kaedah yang boleh dipercayai untuk mengawal proses navigasi. Salah satu kaedah sedemikian ialah pengendali acara onbeforeunload.

Pengendali Acara onbeforeunload

Acara onbeforeunload dicetuskan sejurus sebelum halaman hampir dipunggah. Tidak seperti acara onunload, yang berlaku selepas halaman mula memuat, onbeforeunload memberi anda peluang untuk mengganggu proses navigasi.

Melaksanakan onbeforeunload

Untuk mengelakkan navigasi menjauhi halaman web menggunakan onbeforeunload, ikut langkah berikut:

1. Tentukan pendengar acara untuk acara onbeforeunload:

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

2. Di dalam pendengar acara, kembalikan bukan -rentetan kosong untuk menghalang navigasi. Jika rentetan kosong dikembalikan, penyemak imbas akan memaparkan mesej lalai.

Contoh:

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

Nota: Untuk pelayar lama, anda boleh menyesuaikan mesej yang dipaparkan dalam gesaan pengesahan navigasi dengan mengembalikan rentetan tertentu:

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

Dengan menggunakan pengendali acara onbeforeunload, anda boleh memintas navigasi halaman dengan berkesan dan menggesa pengguna untuk mengesahkan atau membatalkan mereka tindakan sebelum meninggalkan halaman web semasa.

Atas ialah kandungan terperinci Bagaimana untuk memintas Navigasi Halaman Menggunakan Pengendali Acara onbeforeunload dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!