Javascript Char Codes (Key Codes)

by Jennifer Perrin

HTML

<input onkeypress="javascript:return false;" id="txtChar" onkeydown="javascript:return displayKeyCode(event)" type="text" name="txtChar">&nbsp;&nbsp;&nbsp;
<span id="spnCode" name="spnCode"></span>

CSS

body { margin: 5%; }

JavaScript

function displayKeyCode(evt)
  {
     var textBox = getObject('txtChar');
      var charCode = (evt.which) ? evt.which : event.keyCode
      textBox.value = String.fromCharCode(charCode);
      if (charCode == 8) textBox.value = "backspace"; //  backspace
      if (charCode == 9) textBox.value = "tab"; //  tab
      if (charCode == 13) textBox.value = "enter"; //  enter
      if (charCode == 16) textBox.value = "shift"; //  shift
      if (charCode == 17) textBox.value = "ctrl"; //  ctrl
      if (charCode == 18) textBox.value = "alt"; //  alt
      if (charCode == 19) textBox.value = "pause/break"; //  pause/break
      if (charCode == 20) textBox.value = "caps lock"; //  caps lock
      if (charCode == 27) textBox.value = "escape"; //  escape
      if (charCode == 33) textBox.value = "page up"; // page up, to avoid displaying alternate character and confusing people             
      if (charCode == 34) textBox.value = "page down"; // page down
      if (charCode == 35) textBox.value = "end"; // end
      if (charCode == 36) textBox.value = "home"; // home
      if (charCode == 37) textBox.value = "left arrow"; // left arrow
      if (charCode == 38) textBox.value = "up arrow"; // up arrow
      if (charCode == 39) textBox.value = "right arrow"; // right arrow
      if (charCode == 40) textBox.value = "down arrow"; // down arrow
      if (charCode == 45) textBox.value = "insert"; // insert
      if (charCode == 46) textBox.value = "delete"; // delete
      if (charCode == 91) textBox.value = "left window"; // left window
      if (charCode == 92) textBox.value = "right window"; // right window
      if (charCode == 93) textBox.value = "select key"; // select key
      if (charCode == 96) textBox.value = "numpad 0"; // numpad 0
      if (charCode == 97) textBox.value = "numpad 1"; // numpad 1
      if (charCode == 98) textBox.value = "numpad 2"; // numpad 2
      if (charCode == 99) textBox.value = "numpad 3"; // numpad 3
      if (charCode == 100)...