title: prevent scrolling during html5 canvas touchmove event
body: <p>How do I prevent scrolling without preventing default, because I still want the touchmove event to be processed:</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
      &lt;html&gt;
      &lt;head&gt;
        &lt;script src="jquery.min.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
      &lt;canvas id="myCanvas" width="1600px" height="1600px" style="border:1px dashed gray;background-color:white;"&gt;
      &lt;/canvas&gt;
  
      &lt;script&gt;
  
      function brushStart() {
        $('#myCanvas').css('background-color','blue');  
      }
      function brushEnd() {
        $('#myCanvas').css('background-color','red');   
      }
      function brushMove() {
        $('#myCanvas').css('background-color','yellow');  
      }
  
      $('#myCanvas').bind('mousedown', brushStart);
      $('#myCanvas').bind('mouseup', brushEnd);
      $('#myCanvas').bind('mousemove', brushMove);
      $('#myCanvas')[0].addEventListener('touchstart',brushStart,false);
      $('#myCanvas')[0].addEventListener('touchend',brushEnd,false);
      $('#myCanvas')[0].addEventListener('touchmove',brushMove,false);
  
      &lt;/script&gt;
  
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>