What is the difference between focusin/focusout vs focus/blur in jQuery?
<p>I was handling some events using the following code with <a href="http://code.jquery.com/jquery-1.7.2.js" rel="nofollow">jQuery 1.7.2</a>:</p>

<pre><code>$().on('focus blur', function(event) {
  console.log(event.type);
});
</code></pre>

<p>And I have noticed that <code>event.type</code> for both events, prints out: <code>focusin</code> and <code>focusout</code>.</p>

<p>What is difference between <code>focusin/focusout</code> vs <code>focus/blur</code>?</p>
