jQuery++ - jQuery.event.key

Demo for jQuery.event.key. Shows the keyName for keyup, keydown and keypress events on the input field.

by donejs

HTML

<script src="http://jquerypp.com/release/latest/jquerypp.js"></script>
<input type="text" />

<p>keydown: <span id="keydown"></span></p>
<p>keypress: <span id="keypress"></span></p>
<p>keyup: <span id="keyup"></span></p>

CSS

body {
    font-family: sans-serif;
    padding: 10px;
}

p {
    margin: 10px 0;
}

span {
    font-size: bold;
    color: #505050;
}

JavaScript

var readable = {
    "\r" : "\\r",
    "\b" : "\\b",
    "\t" : "\\t"
};

$('input').on('keyup keydown keypress', function(ev) {
    var key = ev.keyName();
    $('#' + ev.type).html(readable[key] || key);
});