Comment puis-je distinguer les clics gauche et droit de la souris à l'aide de jQuery ?

Différenciation des clics gauche et droit de la souris avec jQuery

Lorsque vous traitez des événements de clic de souris dans jQuery, vous pouvez rencontrer le défi de faire la distinction entre les clics gauche et droit. et clic droit de la souris. Bien que $('div').bind('click', function(){ alert('clicked'); }) capture les deux clics, il ne fournit pas de moyen simple de les différencier.

Solution utilisant l'objet événement jQuery :

Pour différencier les boutons de la souris, jQuery fournit la propriété event.which dans l'objet événement. Cette propriété normalise les problèmes de compatibilité du navigateur liés à event.keyCode et event.charCode.

Event.which et Mouse Buttons :

event.which renvoie des valeurs différentes pour différentes souris. boutons :

• 1 : Souris gauche bouton
• 2 : Bouton central de la souris
• 3 : Bouton droit de la souris

Mise en œuvre de la différenciation :

En utilisant event.which, vous pouvez implémenter cette différenciation comme suit :

$('#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!');
    }
});

Ce code attribue des gestionnaires d'événements à un élément spécifique, #element. Lorsque vous cliquez sur la souris, elle vérifie la valeur de l'événement et affiche les messages appropriés pour chaque pression sur le bouton de la souris.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!