Bagaimanakah Saya Boleh Menangkap Acara Roda Tetikus dalam jQuery?

Merakam Acara Roda Tetikus dalam jQuery

jQuery menawarkan kaedah yang berkesan untuk menangkap peristiwa roda tetikus tertentu, berbeza daripada acara tatal. Artikel ini akan membimbing anda melalui proses mencapai fungsi ini.

Acara roda tetikus membolehkan anda mengesan pergerakan roda yang tepat tanpa bergantung pada tindakan menatal. Untuk memulakan pengendalian acara, anda boleh menggunakan fungsi bind() seperti berikut:

<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 contoh ini, pendengar acara roda tetikus dilampirkan pada elemen dengan ID foo. Sifat e.originalEvent.wheelDelta menetapkan arah pergerakan roda, di mana nilai positif mewakili tatal ke atas dan nilai negatif menandakan tatal ke bawah.

Pendekatan ini menyediakan cara langsung dan cekap untuk memantau interaksi roda tetikus, membolehkan anda untuk membalas input pengguna yang tepat dalam masa nyata.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menangkap Acara Roda Tetikus dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!