History of focus

HTML

<div class="parent">
    <input type="text" />
    <input type="text" />
</div>

<div class="log"></div>

<button id="reset">Reset</button>

JavaScript

function log(str){
  $('.log').append($('<div/>').text(str));
}

$("#reset").click(function() {
   $(".log").html(""); 
});

$('.parent')
    .focusin(function(){log('div focusin');})
    .focusout(function(){log('div focusout');})
    .focus(function(){log('div focus');})
    .blur(function(){log('div blur');});
$('input')
    .focusin(function(){log('input focusin');})
    .focusout(function(){log('input focusout');})
    .focus(function(){log('input focus');})
    .blur(function(){log('input blur');});