Rumah > hujung hadapan web > tutorial js > Bagaimanakah JavaScript Boleh Digunakan untuk Menghalang Navigasi Halaman?

Bagaimanakah JavaScript Boleh Digunakan untuk Menghalang Navigasi Halaman?

Susan Sarandon
Lepaskan: 2024-10-23 06:15:30
asal
369 orang telah melayarinya

How Can JavaScript be Used to Prevent Page Navigation?

Menghalang Navigasi Halaman Web menggunakan JavaScript

Apabila pengguna cuba menavigasi keluar dari halaman web, pelbagai peristiwa dicetuskan dalam penyemak imbas. Peristiwa ini boleh digunakan menggunakan JavaScript untuk memaparkan mesej atau melakukan tindakan sebelum navigasi berlaku.

Cara menghalang navigasi menggunakan JavaScript:

Menggunakan Acara onunload :

Walaupun acara onunload membenarkan untuk memaparkan mesej, ia tidak boleh mengganggu navigasi kerana ia dicetuskan selepas halaman telah mula dimuatkan.

Menggunakan Acara onbeforeunload:

Acara onbeforeunload dicetuskan sebelum penyemak imbas menavigasi keluar dari halaman. Ia membolehkan anda mengganggu navigasi dengan gesaan atau mesej.

`window.onbeforeunload = function() {
return "";
}`;

Nota: Kosong rentetan dikembalikan di sini kerana penyemak imbas moden memaparkan mesej lalai yang tidak boleh ditindih.

Menentukan Mesej dalam Penyemak Imbas Lama:

Dalam penyemak imbas lama, anda boleh menentukan mesej untuk dipaparkan dalam gesaan menggunakan acara onbeforeunload:

`window.onbeforeunload = function() {
return "Adakah anda pasti mahu menavigasi pergi?";
}`;

Atas ialah kandungan terperinci Bagaimanakah JavaScript Boleh Digunakan untuk Menghalang Navigasi Halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber: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