Bagaimana cara memeriksa apakah ada tombol yang ditekan selama acara klik dengan jQuery?

Saya ingin menangkap acara klik dengan jQuery dan dapat mengetahui apakah tombol ditekan pada saat yang sama sehingga saya dapat bercabang dalam fungsi panggilan balik berdasarkan acara penekanan tombol.

Sebagai contoh:

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

Apakah ini mungkin sama sekali atau bagaimana itu bisa dilakukan jika memungkinkan?

Anda dapat dengan mudah mendeteksi tombol shift, alt dan kontrol dari properti acara;

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

Lihat quirksmode untuk properti lainnya. Jika Anda ingin mendeteksi kunci lain, lihat jawaban cletus .

Anda perlu melacak status kunci secara terpisah menggunakan keydown()dan 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;
  }
});

Lihat daftar kode kunci . Sekarang Anda dapat memeriksanya:

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

Saya bisa menggunakannya dengan JavaScript saja

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

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

Tanpa mencuri guntur @Arun Prasad , berikut adalah cuplikan JS murni yang saya ulangi untuk menghentikan tindakan default, yang jika tidak akan membuka jendela baru jika CTL + klik ditekan.

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>