title: Touch Screen and Javascript DOM Mousedown Event
body: <p>I have a javascript web application that uses a touchscreen, browser is webkit based.</p>
  
  <p>I am having a problem with this:</p>
  
  <pre><code>addEventListener("mousedown", function(event){  
      console.log('down fired');
      event.target.classList.add('down');
  }, true);
  </code></pre>
  
  <p>When using a mouse, the target element class is added immediately when the mouse is held down, but when using the touchscreen, the target element class is not changed when the finger is held on the element.</p>
  
  <p>The strange thing is however, the console log message is sent on the down event for both the mouse click and the ts press.</p>
  
  <p>Any suggestions on how to solve this ??</p>
  
  <p>Thanks</p>
  
  <h1>EDIT</h1>
  
  <p>I added the touchstart event listener, but it does not fire on a touch event:</p>
  
  <pre><code>addEventListener("touchstart", function(event){ 
      cl('touch fired');
  }, true);
  </code></pre>