Bagaimanakah Saya Boleh Menghalang Pengguna daripada Meninggalkan Halaman Web dengan Perubahan Tidak Disimpan?

Mencegah Perubahan Tidak Disimpan

Apabila mengubah suai data pada halaman web, adalah perkara biasa untuk menghalang pengguna daripada menavigasi tanpa menyimpannya perubahan. Ini boleh dicapai menggunakan acara window.onbeforeunload.

Implementation

Pelayar Warisan (IE6-8, Firefox 1-3.5)

1. Set window.onbeforeunload ke fungsi yang mengembalikan rentetan:

   window.onbeforeunload = function() {
       return "Unsaved changes. Are you sure you want to leave?";
   };

   Salin selepas log masuk

2. Alih keluar acara untuk melumpuhkannya:

   window.onbeforeunload = null;

   Salin selepas log masuk

   Salin selepas log masuk

Pelayar Moden (Chrome, Firefox, dll.)

1. Dayakan gesaan:

   window.onbeforeunload = function() {
       return true;
   };

   Salin selepas log masuk

2. Lumpuhkan gesaan:

   window.onbeforeunload = null;

   Salin selepas log masuk

   Salin selepas log masuk

Penjejakan Perubahan

Untuk menentukan sama ada perubahan telah dibuat, gunakan rangka kerja pengesahan atau pengendali acara tersuai anda sendiri.

Contoh jQuery:

$('input').change(function() {
    if ($(this).val() != "") {
        // Enable the prompt
        window.onbeforeunload = function() {
            return true;
        };
    }
});

Khusus Penyemak Imbas Pertimbangan

• Chrome dan Safari hanya memaparkan mesej generik dan menghalang mesej tersuai.
• Gesaan Firefox hanya pada penyerahan borang, bukan pada perubahan URL.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghalang Pengguna daripada Meninggalkan Halaman Web dengan Perubahan Tidak Disimpan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!