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

Identifier le type de clic de souris dans jQuery

En JavaScript, obtenir des clics à l'aide de jQuery est simple, mais la différenciation entre les clics gauche et droit de la souris nécessite des considération.

Pour capturer les deux clics, jQuery fournit le gestionnaire d'événements de clic. Cependant, il ne fait pas de distinction entre les boutons.

Normalisation des événements avec event.which

Comme documenté, event.which normalise les codes d'événement dans les navigateurs depuis la version 1.1 de jQuery .3. Il fournit une valeur cohérente :

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

En utilisant event.which pour la différenciation des clics

En tirant parti de cela, nous pouvons utiliser event.which pour différencier les clics :

$('#element').mousedown(function (event) {
  switch (event.which) {
    case 1:
      console.log('Left Mouse button pressed.');
      break;
    case 2:
      console.log('Middle Mouse button pressed.');
      break;
    case 3:
      console.log('Right Mouse button pressed.');
      break;
    default:
      console.log('Unidentified Mouse button pressed.');
  }
});

Avec cette implémentation, vous pouvez désormais gérer les clics gauche, central et droit de la souris en fonction de leurs valeurs event.which respectives.

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!