keycode_input_keyup_01

by Nic Fontaine

HTML

<input id="input-01" type="text" onkeypress="javascript:return false;" onkeyup="javascript: return recordKey();">
<p>
Keycode is: <span id="output"></span>
</p>
<p id="key">
</p>

JavaScript

var inputBox = document.getElementById('input-01');
var inputKeycode;
var keyPressed;

inputBox.addEventListener('keydown', function(event) {
  keyPressed = inputBox.value;
	inputBox.focus();
  
	inputKeycode = event.which || event.keyCode;
	document.getElementById('output').innerHTML = inputKeycode;
  
  // document.getElementById('key').innerHTML = inputBox.value;
  
});

function recordKey() {
	// document.getElementById('key').innerHTML = String.fromCharCode(inputKeycode);
  // inputBox.value = String.fromCharCode(inputKeycode);
}