Bagaimana untuk Menangkap Acara Tutup Tetingkap Penyemak Imbas tanpa Gangguan Penyerahan Borang?

Merakam Acara Tutup Tetingkap Penyemak Imbas tanpa Gangguan Borang

Adalah perkara biasa untuk menginginkan peristiwa yang tercetus secara khusus apabila tetingkap (atau tab) penyemak imbas ditutup . Walau bagaimanapun, acara sebelum pemunggahan, yang biasanya digunakan untuk tujuan ini, juga bertindak balas terhadap penyerahan borang. Bagaimanakah kita boleh mengecualikan tindakan berkaitan borang daripada mencetuskan acara ini?

Jawapan:

Acara sebelum pemunggahan berlaku apabila pengguna keluar dari halaman semasa, tanpa mengira sebabnya . Ini termasuk penyerahan borang, klik pautan dan navigasi terus ke halaman lain. Untuk mengecualikan tindakan ini, kami boleh memanfaatkan kod berikut:

var inFormOrLink;
$('a').on('click', function() { inFormOrLink = true; });
$('form').on('submit', function() { inFormOrLink = true; });

$(window).on("beforeunload", function() { 
    return inFormOrLink ? "Do you really want to close?" : null; 
})

Sebagai alternatif, jika menggunakan versi jQuery sebelum 1.7, perkara berikut disyorkan:

var inFormOrLink;
$('a').live('click', function() { inFormOrLink = true; });
$('form').bind('submit', function() { inFormOrLink = true; });

$(window).bind("beforeunload", function() { 
    return inFormOrLink ? "Do you really want to close?" : null; 
})

Dalam penyelesaian ini, apabila pengguna mengklik pada hiperpautan atau menyerahkan borang, bendera inFormOrLink ditetapkan kepada benar. Semasa acara sebelum pemunggahan, bendera ini diperiksa dan jika palsu, acara itu tidak ditangkap.

Nota Penting:

Perlu diingat bahawa pengendali acara lain mungkin menghalang penyerahan borang atau navigasi daripada berlaku. Dalam kes sedemikian, acara sebelum pemuatan masih akan menyala apabila tetingkap ditutup, yang membawa kepada gesaan pengesahan yang hilang. Untuk mengurangkan perkara ini, rekod masa dalam klik dan serahkan acara dan semak sama ada sebelum pemuatan berlaku dengan ketara kemudian, membolehkan anda mengendalikan situasi sedemikian.

Atas ialah kandungan terperinci Bagaimana untuk Menangkap Acara Tutup Tetingkap Penyemak Imbas tanpa Gangguan Penyerahan Borang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!