title: Android browser: touchcancel being fired althought touchmove has preventDefault
body: <p>I'm trying to build a Webpage that senses the touch from the user and drags and object along the canvas.</p>
  
  <p>So I'm doing something like this:</p>
  
  <pre><code>var touchStart = function(e) {
      e.preventDefault();
      // Do stuff
  }
  var touchMove = function(e) {
      e.preventDefault();
      console.log("Touch move");
      // Move objs
  }
  var touchEnd = function(e) {
      e.preventDefault();
      console.log("Touch start!");
      // clean up stuff
  }
  var touchCancel = function(e) {
      e.preventDefault();
  
      // Oh NO touch cancel!
      console.log("Touch cancel!");
  
  }
  bindElemOrig.addEventListener('touchstart', touchStart, false);
  bindElemOrig.addEventListener('touchmove', touchStart, false);
  bindElemOrig.addEventListener('touchend', touchStart, false);
  bindElemOrig.addEventListener('touchcancel', touchStart, false);
  </code></pre>
  
  <p>It works fine until some point. </p>
  
  <p>The problem is that as soon as I load too many objs, it seems to me that the <strong>touchmove</strong> takes too long to respond, and <strong>touchcancel</strong> gets triggered. The problem is that as soon as <strong>touchcancel</strong> get triggered I don't receive any more <strong>touchmove</strong>s events, and I cannot sense the movement anymore.</p>
  
  <p>Did anyone face this problem? I know about the bug in Android where you must call <strong>preventDefault</strong> (<a href="https://stackoverflow.com/questions/7691551/touchend-event-in-ios-webkit-not-firing">touchend event in ios webkit not firing?</a>) but on this case it seems that it is not working because of the memory burden.</p>
  
  <p>Thank you!</p>