Key Event Semantic

Demonstrates key events.

HTML

<input type="text" />
<div id="log">
</div>

JavaScript

function logKeyEvent(event) {
    var eventType = event.type,
        key = event.which,
        modifier =  [];
    
    if (event.altKey) {
        modifier.push("alt");
    }
    if (event.ctrlKey) {
        modifier.push("ctrl");
    }
    if (event.shiftKey) {
        modifier.push("shift");
    }
    if (event.metaKey) {
        modifier.push("meta");
    }
    $('#log').append(eventType+": "+$('<p></p>').text(key).html()+" ["+modifier.join("+")+"]<br/>");
}

$('input').keydown(logKeyEvent).keyup(logKeyEvent).keypress(logKeyEvent);