title: focusout and blur not working in Angular
body: <p>I am trying to detect when the user clicks off the div. I added this code in <code>component.html</code></p>
  
  <pre><code>  &lt;div class="h unselected" contenteditable="false" (mousedown)="mousedown($event)" (mouseup)="mouseup($event)" (focusout)="focusout($event)" (blur)="focusout($event)"&gt;
      Hello
    &lt;/div&gt;
  </code></pre>
  
  <p>component.ts has focusout(e) implemented (among other things)</p>
  
  <pre><code>focusout(e){
      console.log("f out");
    }
  </code></pre>
  
  <p>The method never gets fired when I click outside of the <code>Hello div</code>. Why is that?  I am using Chrome.</p>