title: No outline on mouse focus but still have outline on keyboard focus?
body: <p>When elements of a page have focus (such as a link or button), they show an outline.  I would like this outline to only display when that element was given focus by the keyboard, not by the mouse.</p>
  
  <p>Is it possible to determine how that element got its focus with JavaScript?  If so, how do I then control the browser's own outlining feature?</p>