title: Prevent element from getting focus
body: <p>Essentially is it possible to stop an element, in my case a <code>button</code> element from getting focus in javascript?</p>
  
  <p>What I am trying to achieve is an AngularJS directive that when it gets focus will show a number of buttons/UI elements. Using the <code>ng-focus</code> and <code>ng-blur</code> directives this is easily achieved however when I try to click any of the buttons, the button gains focus so the div no longer has focus, <code>ng-blur</code> is triggered and the buttons are hidden.</p>
  
  <p>I want the buttons to stay visible whilst the directive element has focus and be clickable.</p>
  
  <p><a href="http://plnkr.co/edit/NRZWmcFgtSbZl04BkBej?p=preview" rel="nofollow">Here is a Plunker</a> showing this behavior.</p>
  
  <p>Thanks in advance.</p>