Bagaimanakah Saya Boleh Membezakan Klik Tetikus Kiri dan Kanan Menggunakan jQuery?

Membezakan Klik Tetikus Kiri dan Kanan dengan jQuery

Apabila berurusan dengan peristiwa klik tetikus dalam jQuery, anda mungkin menghadapi cabaran untuk membezakan antara kiri dan klik kanan tetikus. Walaupun $('div').bind('click', function(){ alert('clicked'); }) menangkap kedua-dua klik, ia tidak menyediakan cara yang mudah untuk membezakannya.

Penyelesaian menggunakan Objek Acara jQuery:

Untuk membezakan antara butang tetikus, jQuery menyediakan harta acara.mana dalam acara objek. Sifat ini menormalkan isu keserasian penyemak imbas yang berkaitan dengan event.keyCode dan event.charCode.

Event.which dan Butang Tetikus:

event.yang mengembalikan nilai berbeza untuk tetikus berbeza butang:

• 1: Kiri tetikus butang
• 2: Butang tengah tetikus
• 3: Butang kanan tetikus

Melaksanakan Pembezaan :

Dengan menggunakan event.which, anda boleh melaksanakan pembezaan ini seperti berikut:

$('#element').mousedown(function(event) {
    switch (event.which) {
        case 1:
            alert('Left Mouse button pressed.');
            break;
        case 2:
            alert('Middle Mouse button pressed.');
            break;
        case 3:
            alert('Right Mouse button pressed.');
            break;
        default:
            alert('You have a strange Mouse!');
    }
});

Kod ini memberikan pengendali acara kepada elemen tertentu, #elemen. Apabila tetikus diklik, ia menyemak acara.yang nilai dan memaparkan mesej yang sesuai untuk setiap butang tetikus ditekan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membezakan Klik Tetikus Kiri dan Kanan Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!