Bagaimanakah Saya Boleh Mengesan Penghujung Tatal dalam jQuery?

jQuery: Mengesan Tamat Penatalan

Pengenalan:
Dalam pembangunan web, pengendalian penatalan pengguna boleh menjadi penting untuk meningkatkan pengalaman pengguna . Fungsi tatal() jQuery menyediakan cara yang mudah untuk mengesan peristiwa tatal. Walau bagaimanapun, memahami apabila pengguna telah berhenti menatal juga penting untuk senario tertentu.

Memahami Isu:
Kod yang disediakan menunjukkan cara untuk mengalih keluar kelas semasa menatal. Walau bagaimanapun, OP berhasrat untuk menambah kelas kembali apabila menatal berhenti. Ini kerana kelas yang dialih keluar bercanggah dengan kesan ketelusan yang diingini semasa menatal.

Mengesan Tamat Penatalan:
Untuk mencapai ini, kita perlu mengesan apabila penatalan telah berhenti. Berikut ialah penyelesaian menggunakan fungsi tatal() dengan tamat masa:

$(window).scroll(function() {
    clearTimeout($.data(this, 'scrollTimer'));
    $.data(this, 'scrollTimer', setTimeout(function() {
        console.log("Haven't scrolled in 250ms!");
    }, 250));
});

Kod ini menetapkan tamat masa 250 milisaat. Apabila pengguna menatal, tamat masa ditetapkan semula. Jika pengguna berhenti menatal selama 250 milisaat, fungsi tamat masa akan menyala, menunjukkan penamatan penatalan.

Penyelesaian Lanjutan:
Untuk situasi yang pemasaan yang tepat adalah penting, pertimbangkan untuk menggunakan jQuery. unevent.js. Sambungan ini meningkatkan pengendalian acara jQuery untuk membenarkan pengendali acara dicetuskan hanya selepas kelewatan tertentu.

$(window).on('scroll', function(e) {
    console.log(e.type + '-event was 250ms not triggered');
}, 250);

Dengan sambungan ini, anda boleh menentukan kelewatan 250 milisaat, mencetuskan panggilan balik hanya selepas acara tatal telah berhenti untuk tempoh itu.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Penghujung Tatal dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!