Bagaimana untuk menutup fungsi gesaan pop timbul penyemak imbas dalam jquery

Apabila menulis aplikasi web, anda akan mendapati bahawa anda perlu mencipta penyemak imbas yang menggesa pengguna jika mereka pasti meninggalkan halaman apabila butang tutup ditekan, untuk mengelakkan menutup aplikasi secara tidak sengaja dan kehilangan data pengguna. Dalam artikel ini, kami akan menunjukkan kepada anda cara untuk mencapai ini menggunakan jQuery.

Pertama, kita perlu merakam acara penutupan tingkap. Untuk melakukan ini, kita boleh menggunakan kaedah $(window).on('beforeunload', function(){...}); jQuery. Kaedah ini akan menyala sebelum tetingkap ditutup supaya anda boleh melakukan tindakan yang diperlukan dan bertanya kepada pengguna jika mereka mahu menutup tetingkap.

Kemudian kita boleh menggunakan kaedah event.preventDefault() untuk menghalang penyemak imbas daripada menutup tetingkap. Ini akan memberi peluang kepada pengguna untuk mempertimbangkan semula keputusan mereka dan mengelakkan penutupan aplikasi secara tidak sengaja.

Berikut ialah contoh kod:

$(window).on('beforeunload', function(e){
  var message = '您确定要离开吗？'; // 提示用户是否确定离开的消息
  e.preventDefault(); // 防止浏览器关闭窗口
  e.returnValue = message; // 设置返回的消息字符串
  return message; // 返回提示用户是否确定离开的消息
});

Sila ambil perhatian bahawa disebabkan oleh sekatan keselamatan penyemak imbas, nilai lalai rentetan mesej yang dikembalikan tidak boleh diubah. Kod ini akan menggesa pengguna jika mereka pasti akan keluar dan meminta mereka mengesahkan atau nyahpilih.

Anda juga boleh menambah fungsi lain dalam kod ini seperti menyimpan data borang ke pelayan dsb. Selain itu, terdapat pemalam jQuery lain yang serupa tersedia yang memudahkan ini.

Apabila menulis aplikasi web, adalah tugas yang sangat penting untuk memastikan data input pengguna dilindungi dan untuk mengelakkan penutupan aplikasi secara tidak sengaja. Menggunakan jQuery untuk mencapai ini akan menjadikan aplikasi anda lebih selamat dan boleh dipercayai.

Atas ialah kandungan terperinci Bagaimana untuk menutup fungsi gesaan pop timbul penyemak imbas dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!