KeyboardEvent

by nobuoka

HTML

<input type="text" />
<pre id="logelem"></pre>

CSS

pre {
    font-size: 85%;
}

JavaScript

var ppKeyboardEvent = function (evt) {
    var props = ["char", "key", "charCode", "keyCode", "which"];
    var ss = [];
    var p;
    while (p = props.shift()) {
        ss.push(p + ": " + evt[p]);
    }
    var s = "[" + evt.type + "] " + ss.join(", ") + "\n";
    logelem.appendChild(document.createTextNode(s));
};

document.addEventListener("keydown", function (evt) { ppKeyboardEvent(evt) });
document.addEventListener("keypress", function (evt) { ppKeyboardEvent(evt) });
document.addEventListener("keyup", function (evt) { ppKeyboardEvent(evt) });