¿Cómo puedo verificar si se presiona una tecla durante el evento click con jQuery?

Question

Me gustaría detectar un evento de clic con jQuery y ser capaz de decir si se presionó una tecla al mismo tiempo, así puedo pasar a la función de devolución de llamada en función del evento de pulsación de tecla.

Por ejemplo:

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

Es esto posible en absoluto o cómo se puede hacer esto si es posible?

Answer 1

Necesitas un seguimiento por separado el estado de la clave utilizando keydown() y 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; 
    } 
}); 

Véase el list of key codes. Ahora puede verificar que:

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

Answer 2

Puede detectar fácilmente las teclas shift, alt y control desde las propiedades del evento;

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

Ver quirksmode para más propiedades. Si desea detectar otras claves, consulte cletus's answer.

Answer 3

pude utilizarlo con JavaScript sola

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

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