title: Detect focusin and focusout of element containing multiple links with jQuery?
body: <p>I have a div with a number of links. How can I create an event for when you focus to ANY of the links in this div and when you leave focus of the ENTIRE div? </p>
  
  <pre><code>&lt;a href=""&gt;LinkA&lt;/a&gt;
  &lt;div class="links"&gt;
    &lt;a href=""&gt;Link1&lt;/a&gt;
    &lt;a href=""&gt;Link2&lt;/a&gt;
    &lt;a href=""&gt;Link3&lt;/a&gt;
    &lt;a href=""&gt;Link4&lt;/a&gt;
  &lt;/div&gt;
  &lt;a href=""&gt;LinkB&lt;/a&gt;
  </code></pre>
  
  <p>So if a user uses keyboard navigation I need a single event (to call function A) when they focus on link1. I dont want any other events if they keep tabbing or click on links1-3 But when they tab out of the div or click elsewhere on the screen then I need a second event (to call function B). </p>