title: onmousedown over-rides onmouseup and onclick
body: <p>Consider the following demo code:</p>
  
  <pre><code>&lt;p id="demo" style="border: 1px solid black;width:300px;height:300px"&gt;&lt;/p&gt;
  
  &lt;script&gt;
    document.getElementById("demo").onmousedown = function(e){ alert('mousedown'); }
    document.getElementById("demo").onmouseup = function(e){ alert('mouseup'); }
    document.getElementById("demo").onclick = function(e){ alert('click'); }
  &lt;/script&gt;
  </code></pre>
  
  <p>Can someone please explain to me why neither the <strong>mouseup</strong> nor <strong>click</strong> events get fired?</p>