title: Event onclick on <td> and <tr>
body: <p>I have an onclick event in a table both on a <code>&lt;td&gt;</code> and <code>&lt;tr&gt;</code> elements. I need when the user clicks on the specific column (<code>&lt;td&gt;</code>), the <code>&lt;tr&gt;</code> event won't be triggered, only the <code>&lt;td&gt;</code> one.</p>
  
  <p>How to do it ?</p>
  
  <p>Example :</p>
  
  <p>HTML :</p>
  
  <pre><code>&lt;tr onclick='trclick();'&gt;
  &lt;td&gt;Column 1&lt;/td&gt;
  &lt;td&gt;Column 2&lt;/td&gt;
  &lt;td onclick='tdclick();'&gt;Column 3&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>JS :</p>
  
  <pre><code>function trclick(){console.log('tr clicked')};
  function tdclick(){console.log('td clicked')};
  </code></pre>
  
  <p>When the user clicks on 'Column 3', both events are triggered, but i want only <code>tdclick()</code> to be triggered.</p>