Key Press in JavaScript



In questo articolo vedremo una semplice funzione che permette di vedere i tasti premuti sulla tastiera in JavaScript.

Vediamo la funzione, che poi andremo a commentare:

<script type="text/javascript">
document.onkeyup = KeyCheck;
function KeyCheck(e)
{
var KeyID = (window.event) ? event.keyCode : e.keyCode;
switch(KeyID)
{
case 16:
document.Form1.KeyName.value = "Shift";
break;
case 17:
document.Form1.KeyName.value = "Ctrl";
break;
case 18:
document.Form1.KeyName.value = "Alt";
break;
case 19:
document.Form1.KeyName.value = "Pause";
break;
case 37:
document.Form1.KeyName.value = "Arrow Left";
break;
case 38:
document.Form1.KeyName.value = "Arrow Up";
break;
case 39:
document.Form1.KeyName.value = "Arrow Right";
break;
case 40:
document.Form1.KeyName.value = "Arrow Down";
break;
}
}
</script>

Il codice è abbastanza intuitivo per chiunque conosce JavaScript.

Un pezzo più interessante, però, è il seguente:

var KeyID = (window.event) ? event.keyCode : e.keyCode;

Questo infatti permette il corretto funzionamento del codice sia su Internet Explorer che su Mozilla FireFox.

Inoltre si può aumentare notevolmente la potenzialità della funzione semplicemente aggiungendo nuovi case allo switch!

Annunci sponsorizzati:
Condividi su Facebook Condividi su Twitter!
Pinterest