title: Div inside of another Div avoid click
body: <p>Hello my friends so this is my question i have two divs, one of them is inside of the other one
  like this schema below.</p>
  <pre><code>&lt;div class=&quot;button1&quot; onclick={buttonOnePressed}&gt;
  
     &lt;div class=&quot;button2&quot; onclick={buttonTwoPressed}&quot;&gt;
  
     &lt;/div&gt;
  
  &lt;/div&gt;
  
  </code></pre>
  <p>i Want to click on the div with class &quot;button2&quot; and call only one function that is the &quot;buttonTwoPressed&quot;. But when i click on the div &quot;button2&quot; i accidentally also call the function &quot;buttonOnePressed&quot;, so this way two functions are called but i just wish one. What can i do to prevent that ? Thank you for reading</p>