title: blur/focusout event on <tr>: Angular2
body: <p>I have a table in one of my component in my Angular4 application, and I'm adding styles to the table rows  when the user clicks on any of the table row (adding a css highlight color). Now, I want to remove the highlight color when the user clicks anywhere else other than that row.
  I tried doing the following:</p>
  
  <pre><code>&lt;tr (blur)="removeStyles()"&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;tr (focusout)="removeStyles()"&gt;
  </code></pre>
  
  <p>ut none of the above are triggering the method removeStyles. Has anybody tried binding any of the above or similar event to a  before?</p>