title: Onclick event bubbling
body: <p>Can someone please help me out with stopping bubble effect on onclick events?</p>
  
  <p>I got this:</p>
  
  <pre><code>&lt;script language="javascript"&gt;
    function1(){
      alert('test');
    }
    function2(){
      alert('test');
    }
  &lt;/script&gt;
  &lt;div onclick="function1()"&gt;
    &lt;span onclick="function2()"&gt;test&lt;/span&gt;
    blablablabla
  &lt;/div&gt;
  </code></pre>
  
  <p>Now when I click the span, I don't want function 1 to start, but just function 2. How to do this? Do I have to edit the function, or add some more global java to this?</p>