Bagaimana untuk Mengesan Peristiwa Roda Tetikus dalam jQuery?

Mengambil Peristiwa Roda Tetikus dalam jQuery

Di luar acara tatal standard, jQuery menyediakan mekanisme untuk menangkap peristiwa roda tetikus secara eksplisit. Peristiwa ini menawarkan maklumat tepat tentang arah putaran roda tetikus.

Penyelesaian:

Untuk mengesan peristiwa roda tetikus dalam jQuery, anda boleh menggunakan roda tetikus pengendali acara. Berikut ialah contoh:

<code class="javascript">$(document).ready(function() {
    $('#foo').bind('mousewheel', function(e) {
        if (e.originalEvent.wheelDelta / 120 > 0) {
            console.log('Scrolling Up!');
        } else {
            console.log('Scrolling Down!');
        }
    });
});</code>

Dalam kod ini:

• $(document).ready(function() {...}) memastikan kod berjalan apabila dokumen dimuatkan.
• $('#foo').bind('mousewheel', function(e) {...}) mengikat mousewheel pengendali acara kepada elemen dengan ID 'foo'.
• e.originalEvent.wheelDelta mengandungi jumlah putaran yang diukur dalam piksel CSS.

• Pernyataan bersyarat menyemak arah putaran roda:

  • Nilai positif menunjukkan tatal ke atas.
  • Nilai negatif menunjukkan tatal ke bawah.
• console.log() mengeluarkan arah tatal ke konsol untuk tujuan nyahpepijat.

Atas ialah kandungan terperinci Bagaimana untuk Mengesan Peristiwa Roda Tetikus dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!