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