How to use get key codes for javascript?

**superbK** · 07-08-2009

Hello,

I am learning Javascript. I want to know how can we get the key codes of characters using javascript.

Thanks,
superbK

**One4u** · 07-08-2009

Use get key codes for javascript

Code:

<script type="text/javascript">

document.onkeyup = KeyCheck;       

function KeyCheck()

{

   var KeyID = event.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>

put this code on form

Code:

<form name="Form1">

<input type="text" name="KeyName" value="" />

</form>

I hope this helps.

**beanboy** · 07-08-2009

Try this:

Code:

function KeyCode(e){

     if(e){
          e = e
     } else {
          e = window.event
     }

     if(e.which){
          var keycode = e.which
     } else {
          var keycode = e.keyCode
     }

     document.all.t2.value = keycode
}

**grudge** · 07-08-2009

Get key char

Code:

<html>
<head>
<title>Key Events Example</title>
<script type="text/javascript">
function handleEvent(oEvent) {
    var oTextbox = document.getElementById("txt1");
    oTextbox.value += "\n>" + oEvent.type;
    oTextbox.value += "\n    target is " + (oEvent.target || oEvent.srcElement).id;
    oTextbox.value += "\n    charCode is " + oEvent.charCode;
}
</script>
</head>
<body>
    <P>Type some characters into the first textbox.</p>
    <P><textarea id="txtInput" rows="15" cols="50"
        onkeypress="handleEvent(event)"></textarea></p>
    <P><textarea id="txt1" rows="15" cols="50"></textarea></p>
</body>
</html>