Comment puis-je vérifier si une touche est pressée pendant l'événement click avec jQuery?

Question

J'aimerais attraper un événement click avec jQuery et être capable de dire si une touche a été enfoncée en même temps pour pouvoir utiliser la fonction de rappel en fonction de l'événement de pression de touche.

Par exemple:

$("button").click(function() { 
    if([KEYPRESSED WHILE CLICKED]) { 
     // Do something... 
    } else { 
     // Do something different... 
    } 
}); 

Est-ce possible à tout ou comment peut-il faire s'il est possible?

Answer 1

Vous devez suivre séparément l'état clé à l'aide keydown() et keyup():

var ctrlPressed = false; 
$(window).keydown(function(evt) { 
    if (evt.which == 17) { // ctrl 
    ctrlPressed = true; 
    } 
}).keyup(function(evt) { 
    if (evt.which == 17) { // ctrl 
    ctrlPressed = false; 
    } 
}); 

Voir la list of key codes. Vous pouvez maintenant vérifier que:

$("button").click(function() { 
    if (ctrlPressed) { 
    // do something 
    } else { 
    // do something else 
    } 
}); 

Answer 2

Vous pouvez facilement détecter les touches shift, alt et control à partir des propriétés de l'événement;

$("button").click(function(evt) { 
    if (evt.ctrlKey) 
    alert('Ctrl down'); 
    if (evt.altKey) 
    alert('Alt down'); 
    // ... 
}); 

Voir quirksmode pour plus de propriétés. Si vous souhaitez détecter d'autres clés, voir cletus's answer.

Answer 3

j'ai pu l'utiliser avec JavaScript seul

<a href="" onclick="return Show(event)"></a> 

    function Show(event) { 
      if (event.ctrlKey) { 
       alert('Ctrl down'); 
      } 
    }