Maison > interface Web > js tutoriel > Comment distinguer les clics gauche et droit de la souris avec jQuery ?

Comment distinguer les clics gauche et droit de la souris avec jQuery ?

DDD
Libérer: 2024-12-09 12:29:16
original
130 Les gens l'ont consulté

How to Distinguish Left and Right Mouse Clicks with jQuery?

Comment différencier les clics gauche et droit de la souris à l'aide de jQuery

Alors que le gestionnaire d'événements de clic jQuery répond aux clics gauche et droit de la souris, il lui manque une option spécifique pour les distinguer. Cependant, en utilisant la propriété event.which introduite dans jQuery version 1.1.3, vous pouvez facilement déterminer le type de bouton de la souris qui a déclenché l'événement de clic.

Plus précisément, event.which fournit les valeurs suivantes pour différentes souris. boutons :

  • 1 : Bouton gauche
  • 2 : Bouton du milieu
  • 3 : Droite bouton

En utilisant cette propriété, vous pouvez construire un gestionnaire d'événements jQuery qui répond différemment en fonction du bouton cliqué :

$('#element').mousedown(function(event) {
    switch (event.which) {
        case 1:
            // Code to handle left mouse click
            break;
        case 2:
            // Code to handle middle mouse click
            break;
        case 3:
            // Code to handle right mouse click
            break;
        default:
            // Code to handle unexpected mouse button
    }
});
Copier après la connexion

En utilisant la propriété event.which et l'événement mousedown gestionnaire, vous pouvez distinguer efficacement les clics gauche et droit de la souris à l'aide de jQuery, vous permettant ainsi d'implémenter un comportement personnalisé basé sur le bouton de souris spécifique sur lequel vous avez appuyé.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal