jQuery JavaScript o controladores de eventos para el botón "Ctrl"/"Shift" + Clic izquierdo del ratón

Question

¿Es posible manejar este tipo de eventos como:

• Ctrl + botón izquierdo del ratón clic;
• Shift + botón izquierdo del mouse haga clic;
• Alt + botón izquierdo del ratón haga clic mediante el uso de JavaScript , jQuery u otro marco.

Si es posible, proporcione un ejemplo de código para ello.

Answer 1

Usted puede hacer algo como esto (jQuery para el controlador de clic, pero cualquier marco funciona en la parte que importa):

$(selector).click(function(e) { 
    if(e.shiftKey) { 
    //Shift-Click 
    } 
    if(e.ctrlKey) { 
    //Ctrl+Click 
    } 
    if(e.altKey) { 
    //Alt+Click 
    } 
}); 

encarga solamente de lo que usted quiere dentro de un if dentro del controlador de clic como si tuviera encima.

Answer 2

Si utiliza el complemento JQuery llamado hotkeys, puede manejar las teclas especiales que se encuentran a continuación.

$(document).bind('keydown', 'Ctrl+c', fn); 

Answer 3

Más recientemente me encontré con un problema con el uso e.ctrlKey en que, no funciona en Macs. En un Macintosh, el mismo efecto se logra usando Comando + clic.

Dado que la mayoría de las respuestas anteriores ya están asumiendo el uso de jQuery, puede simplemente usar la propiedad e.metaKey que está disponible por jQuery.

p. Ej.

$(selector).click(function(e) { 
    if(e.shiftKey) { 
    //Shift-Click 
    } 
    if(e.metaKey) { 
    //Ctrl+Click on Windows & Command+Click on Mac. 
    } 
    if(e.altKey) { 
    //Alt+Click 
    } 
});