Bagaimanakah Saya Boleh Melaksanakan Pengesahan Halaman Keluar dalam JavaScript?

Patricia Arquette
Lepaskan: 2024-11-12 10:32:01
asal
800 orang telah melayarinya

How Can I Implement a Leaving Page Confirmation in JavaScript?

Meninggalkan Pengesahan Halaman dalam JavaScript

Acara onunload dalam JavaScript biasanya digunakan untuk melakukan tindakan sebelum pengguna menavigasi keluar dari halaman web . Walau bagaimanapun, ia tidak boleh dipercayai untuk mengesahkan navigasi dan mengubah hala pengguna.

Menggunakan onbeforeunload

Untuk memaparkan gesaan pengesahan sebelum pengguna meninggalkan halaman, acara onbeforeunload boleh diambil bekerja. Peristiwa ini berlaku apabila pengguna cuba menavigasi keluar dari halaman.

Dalam JavaScript:

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

Dalam jQuery:

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

Had

Adalah penting untuk ambil perhatian bahawa onbeforeunload hanya menggesa pengguna dan tidak boleh mengubah hala mereka ke halaman lain. Jika pengguna memilih untuk kekal di halaman, penyemak imbas akan terus mengikuti laluan navigasi yang dimaksudkan.

Menggunakan onunload

Acara onunload boleh digunakan untuk melaksanakan tindakan sebelum halaman dipunggah, tetapi ia tidak boleh digunakan untuk mengubah hala pengguna.

Dalam JavaScript:

window.onunload = function() {
  alert('Bye.');
};
Salin selepas log masuk

Dalam jQuery:

$(window).unload(function() {
  alert('Bye.');
});
Salin selepas log masuk

Keselamatan Pertimbangan

Atas sebab keselamatan, penyemak imbas menghalang acara onbeforeunload dan onunload daripada digunakan untuk mengubah hala pengguna. Ini adalah untuk melindungi daripada tapak web berniat jahat yang cuba memaksa pengguna menavigasi ke halaman yang tidak diingini atau tidak selamat.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melaksanakan Pengesahan Halaman Keluar dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
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