Handling all kinds of events that jQuery can

by Ryan Brackett

CSS

div {
    background-color: #cfe0f0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 5px 5px;
    float: left;
    text-align: center;
    vertical-align: middle;
}

JavaScript

for(var i = 0; i < 10; i++)
{
    $(document.body).append($("<div>").text(i+1));
}

console.clear();

$(document.body).on(
    "blur focus focusin focusout load resize scroll unload click dblclick " +
    "mousedown mouseup " + /* mousemove */ "mouseover mouseout mouseenter mouseleave " +
    "change select submit keydown keypress keyup error contextmenu",                    
    "*", function(event) {
    console.log(event.type);
    console.log(event.target);
});