Javascript Key Events

Different information reported by various browsers.

by John Schulz

HTML

<p>Open your console, click anywhere on this page, then start typing</p>

JavaScript

function DOMListener(e){ 
    keyListener(e, 'DOM');
}

function jQueryListener(e){ 
    keyListener(e, 'jQuery');
}

function keyListener(e, from){
    console.log(from, e.type, e, 
                'charCode:', e.charCode, 
                'keyCode:', e.keyCode, 
                'which:', e.which,
                'from charCode:', String.fromCharCode(e.charCode), 
                'from keyCode:', String.fromCharCode(e.keyCode), 
                'from which:', String.fromCharCode(e.which)
               ); 
}

document.addEventListener('keypress', DOMListener, false);
document.addEventListener('keypress', jQueryListener, false);