Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mengesan Apabila Pengguna Berhenti Menatal dalam jQuery?

Bagaimanakah Saya Boleh Mengesan Apabila Pengguna Berhenti Menatal dalam jQuery?

Mary-Kate Olsen
Lepaskan: 2024-12-11 19:54:18
asal
971 orang telah melayarinya

How Can I Detect When a User Stops Scrolling in jQuery?

Mengesan Apabila Pengguna Berhenti Menatal dengan skrol() jQuery

Gambaran Keseluruhan Masalah:

Anda menggunakan skrol jQuery( ) berfungsi untuk mengalih keluar kelas daripada elemen semasa menatal. Walau bagaimanapun, anda ingin menggunakan semula kelas itu apabila menatal berhenti.

Penjelasan Jawapan:

Penyelesaian yang disediakan menggunakan pemasa untuk mengesan apabila pengguna telah berhenti menatal. Ia menggunakan pembolehubah scrollTimer untuk menjejak tamat masa. Apabila peristiwa tatal() berlaku, pemasa dikosongkan dan pemasa baharu ditetapkan menggunakan setTimeout(). Pemasa ini memanggil fungsi panggil balik selepas kelewatan yang ditentukan (250ms dalam contoh).

Penyelesaian Dipertingkat:

Coretan kod yang disediakan termasuk sambungan untuk jQuery's on() pengendali acara dipanggil $.unevent.js. Sambungan ini membolehkan anda menentukan kelewatan selepas itu fungsi panggil balik harus dicetuskan. Ini sesuai untuk senario di mana anda hanya mahu melancarkan acara selepas tempoh masa tertentu berlalu.

Pelaksanaan:

Berikut ialah cara menggunakan versi yang dikemas kini:

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

Anda boleh melaraskan kelewatan (dalam milisaat) sebagai diperlukan.

Nota Tambahan:

  • Pastikan anda menyemak repositori GitHub untuk mendapatkan kemas kini terkini $.unevent.js.
  • Ini penyelesaian boleh digunakan pada acara lain, seperti ubah saiz, dengan hanya menggantikan skrol dengan acara yang diingini dalam on() kaedah.

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan