Rumah > hujung hadapan web > tutorial js > Bagaimanakah JavaScript Boleh Menghalang Navigasi Halaman Web dan Mengekalkan Paparan?

Bagaimanakah JavaScript Boleh Menghalang Navigasi Halaman Web dan Mengekalkan Paparan?

Patricia Arquette
Lepaskan: 2024-10-23 06:16:02
asal
863 orang telah melayarinya

How Can JavaScript Prevent Webpage Navigation and Maintain Display?

Mengekalkan Paparan Halaman Web dengan JavaScript

Daripada membenarkan halaman web menavigasi secara bebas, JavaScript boleh digunakan untuk menghalang tindakan ini. Dengan menggunakan acara tertentu, tapak web boleh mengekalkan paparan semasa mereka walaupun apabila pengguna cuba menavigasi ke tempat lain.

Menghalang Navigasi dengan onbeforeunload

Acara onbeforeunload membenarkan pembangun memintas navigasi, menyediakan peluang terakhir sebelum halaman dibuang. Ia dicetuskan sejurus sebelum proses navigasi, menawarkan kemungkinan untuk menghalangnya sama sekali.

Pelaksanaan

Untuk menghalang halaman web daripada mengemudi jauh menggunakan JavaScript, kod berikut boleh digunakan:

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

Kod ini mengembalikan rentetan kosong, menghalang paparan mesej lalai "Sebarang perubahan yang belum disimpan akan hilang" dalam penyemak imbas yang lebih baharu. Penyemak imbas lama membenarkan mesej tersuai:

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

Dengan menggunakan acara onbeforeunload dan mengurus nilai pulangan, halaman web secara berkesan boleh menghalang navigasi pergi, memastikan kesinambungan paparan dan interaksi pengguna mereka.

Atas ialah kandungan terperinci Bagaimanakah JavaScript Boleh Menghalang Navigasi Halaman Web dan Mengekalkan Paparan?. 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