title: Click event does not return $event on click
body: <p>I have the following structure in my HTML in an angular 7 application:</p>
  
  <p>What I am trying to do is to call the GetContent() function on click of any of the text inside the div. I am able to get the $event as "Liquidity" when I click on the text but if I click on any empty space between the text, the $event is empty. I tried every possible permutation of changing the location of the function call and id but same issue. Can anyone let me know what is wrong.</p>
  
  <pre><code>&lt;tr (click)="GetContent($event)"&gt;
   &lt;td&gt;
    &lt;table&gt;
     &lt;tbody&gt;
      &lt;tr&gt; 
       &lt;td&gt; 
        &lt;div id="Liquidity"&gt; lot of text....................... &lt;/div&gt; 
       &lt;/td&gt;
      &lt;/tr&gt;
     &lt;/tbody&gt;
    &lt;/table&gt;
   &lt;/td&gt;
  &lt;tr&gt;
  </code></pre>