keydown, keyup, keypress

by Juan Muñoz

HTML

Press any key and get the message here: <span id="state-msg"></span>

JavaScript

var msg = document.getElementById('state-msg');
document.body.addEventListener('keydown', function(e) {
    msg.textContent = 'keydown:' + e.keyCode;
});

document.body.addEventListener('keyup', function(e) {
    msg.textContent = 'keyup:' + e.keyCode;
});

document.body.addEventListener('keypress', function(e) {
    msg.textContent += 'keypress:' + e.keyCode;
});