Bagaimana untuk Melaksanakan Kod JavaScript Apabila Tetingkap Penyemak Imbas Ditutup atau Disegar Semula?

Melaksanakan Kod JavaScript pada Penutupan Tetingkap atau Muat Semula Halaman

Apabila bekerja dengan aplikasi web, adalah penting untuk melaksanakan kod tertentu apabila pengguna menutup tetingkap penyemak imbas atau menyegarkan halaman. Ini membolehkan anda melakukan tindakan seperti menyimpan data pengguna, mencetuskan operasi pembersihan atau menjejaki penggunaan tapak web.

Pilihan yang Tersedia untuk Penutupan Tetingkap/Pelaksanaan Semula Kod

Terdapat dua pendengar acara JavaScript utama yang boleh digunakan untuk ini tujuan:

• window.onbeforeunload: Peristiwa ini dicetuskan apabila pengguna cuba menutup tetingkap atau tab. Ia menggesa pengguna dengan dialog pengesahan (cth., "Tinggalkan halaman?" atau "Muat Semula?"). Walau bagaimanapun, jika tiada rentetan atau event.returnValue dikembalikan, kod akan dilaksanakan tanpa memaparkan mesej.
• window.ounload: Peristiwa ini dicetuskan serta-merta sebelum tetingkap ditutup atau halaman disegarkan. Tidak seperti onbeforeunload, ia tidak menggesa pengguna dengan dialog pengesahan.

Penggunaan Pendengar Acara

Anda boleh menetapkan pendengar acara ini kepada sifat tetingkap menggunakan sintaks berikut:

window.onbeforeunload = function() {
  // Code to execute on window closure or refresh
};

// OR using addEventListener
window.addEventListener("beforeunload", function(e) {
  // Code to execute on window closure or refresh
});

Nota untuk Iframes

Acara beforeunload tidak berfungsi dalam iframes jika iframe dipadamkan oleh induknya. Walau bagaimanapun, acara bongkar muat dan sembunyi halaman berfungsi dalam senario ini dalam Chrome. Malangnya, mulai Ogos 2023, Firefox mempunyai pepijat yang menghalang acara ini daripada berfungsi untuk pemadaman iframe.

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Kod JavaScript Apabila Tetingkap Penyemak Imbas Ditutup atau Disegar Semula?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!