Wie kann ich mit jQuery überprüfen, ob während des Klickereignisses eine Taste gedrückt wird?

Ich möchte ein Klickereignis mit jQuery abfangen und feststellen können, ob gleichzeitig eine Taste gedrückt wurde, damit ich die Rückruffunktion basierend auf dem Tastendruckereignis aufteilen kann.

Beispielsweise:

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

Ist das überhaupt möglich oder wie kann es gemacht werden, wenn es möglich ist?

Sie können die Umschalt-, Alt- und Steuertasten leicht an den Ereigniseigenschaften erkennen.

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

Weitere Eigenschaften finden Sie im Quirksmode . Wenn Sie andere Schlüssel erkennen möchten , lesen Sie die Antwort von cletus .

Sie müssen den Schlüsselstatus separat verfolgen keydown()und Folgendes verwenden 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;
  }
});

Siehe die Liste der Schlüsselcodes . Jetzt können Sie Folgendes überprüfen:

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

Ich konnte es nur mit JavaScript verwenden

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

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

Ohne @Arun Prasads Donner zu stehlen , ist hier ein reines JS-Snippet, das ich erneut aufbereitet habe, um die Standardaktion zu stoppen. Andernfalls würde ein neues Fenster geöffnet, wenn CTL + Klicken gedrückt wird.

function Show(event) 
{
  if (event.ctrlKey) 
  {
    alert('Ctrl held down which clicked');
  } 
  else 
  {
    alert('Ctrl NOT pressed');
  }
  return false
}

<p>Hold down CTL on the link to get a different message</p>

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