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