key log events

by TokenEx Support

HTML

<input type="text" id="data" maxlength="25" />
<p id="log">

</p>

JavaScript

data = document.getElementById("data");

addEventListener(data, "keypress", keypress);
addEventListener(data, "keyup", keyup);
addEventListener(data, "keydown", keydown);
addEventListener(data, "input", input);
addEventListener(data, "textInput", textInput);

console.log = log;

function log(message) {
			document.getElementById("log").innerHTML += '<em>'+ message+ '</em>' + "<br /><br />";
		}

        
function textInput(e){
console.log("textInput: ");
}
function keyup(e){
console.log("keyup: " + Which(e));
}

function keydown(e){
console.log("keydown: " + Which(e));
}
function keypress(e){
console.log("keypress: " + Which(e));
}

function input(e){
console.log("input: " + Which(e));
}

function Which(e) {
  return e.which || e.keyCode;
  
}

function addEventListener(el, eventName, handler) {
  if (el.addEventListener) {
    el.addEventListener(eventName, handler, false);
  } else {
    el.attachEvent("on" + eventName, function() {
      handler.call(el);
    });
  }
}