Edit in JSFiddle

<input type="text" />

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

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);
});

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

p {
    margin: 10px 0;
}

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