Event tracking

by Ryan Morris

HTML

<div id="log">Log: </div>

JavaScript

var log = document.getElementById('log'),
    out = '';

document.addEventListener('click', logeventinfo, false);
document.addEventListener('keypress', logeventinfo, false);

function logeventinfo(ev) {
    log.innerHTML = '';
    out = '<ul>';
    for (var i in ev) {
        if (typeof ev[i] === 'function' || i === i.toUpperCase()) {
            continue;
        }
        out += '<li><span>' + i + '</span>: ' + ev[i] + '</li>';
    }
    log.innerHTML += out + '</ul>';
}