Bind Tasti multipli per KeyPress Event

Question

Attualmente sto usando questo codice kepypress Javascript per generare gli eventi su pressione del tasto:

$(document).keydown(function(e) { 
    switch(e.keyCode) { 

    case 39: 
     e.preventDefault(); 
     alert("Arrow Key"); 
     break; 

    case 37: 
     e.preventDefault(); 
     alert("Arrow Key"); 
    } 
}); 

ma quello che mi chiedo è se posso, invece di legare una legatura chiave di una combinazione di due tasti . Potrei forse fare qualcosa di simile:

$(document).keydown(function(e) { 
    switch(e.keyCode) { 
     case 39 && 37: 
      e.preventDefault(); 
      alert("Arrow Key"); 
     break; 
    } 
}); 

Answer 1

Se si desidera controllare più tasti contemporaneamente, è necessario utilizzare solo una chiave normale e uno o più tasti di modifica (alt/maiusc/ctrl) poiché non si è certi che due tasti normali possano essere effettivamente premuti contemporaneamente sul tastiera dell'utente (in realtà, possono essere sempre premuti ma il PC potrebbe non capirlo a causa del modo in cui le tastiere sono cablate).

È possibile utilizzare i campi e.altKey, e.ctrlKey, e.shiftKey per controllare se è stato premuto il tasto modificatore corrispondente.

Esempio:

$(document).keydown(function(e) { 
    if(e.which == 98 && e.ctrlKey) { 
     // ctrl+b pressed 
    } 
}); 

Answer 2

Perché non usare if piuttosto che switch?

$(document).keydown(function(e) { 
    if ((e.keyCode === 37) || (e.keyCode === 39)) { 
     e.preventDefault(); 
     alert("Arrow Key"); 
    } 
}); 

Answer 3

È possibile utilizzare il caso falltrough:

$(document).keydown(function(e) { 
    switch(e.which) { 
     case 39: 
     case 37: 
      e.preventDefault(); 
      alert("Arrow Key"); 
      break; 
    } 
}); 

Si noti che sto usando e.which invece di e.keyCode per farlo funzionare in tutti i browser (jQuery assegna automaticamente la proprietà che in realtà contiene il codice della chiave a e.which).