title: Button in a div both with onclick event - how to trigger only one of both when clicking onto the button?
body: <p>I'm trying to create a div with a button inside, like this:</p>
  
  <pre><code>&lt;div onclick="function()"&gt;&lt;input onclick="otherfunction()" type="button"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>If you click the button both events are triggered, but I want to only trigger the event of the button if you hit it.
  I tried to change the z-index of the button to get it over the div but that didn't help.</p>
  
  <p>Is there any posibility to approach that?</p>
  
  <p>Appreciating your answers,
  daniel</p>
  
  <p>P.S.: Sorry for any spelling or grammar mistakes this is not my first language.</p>