Why does touchmove not fire on html canvas?
<p>I'm using an angular app, where the user has a canvas, and can draw rectangles on that canvas.</p>

<p>My touchstart and touchend are firing, but touchmove is not. I'm not sure if I'm not understanding how touchmove works. I was assuming it would be equivalent to mousemove.</p>

<pre><code>  self.canvas.addEventListener('touchmove', (e) =&gt; { self.touchMove(e); });
  self.canvas.addEventListener('touchstart', (e) =&gt; { self.touchStart(e); });  // touch down event
  self.canvas.addEventListener('touchend', (e) =&gt; { self.touchEnd(e); }); //



  touchStart(e) {
    e.preventDefault();
    const self = this;
    const activeTag = self.TagService.activeTags[0];
    this.canvasState.doTouchStart(e, activeTag, (shape) =&gt; {
      self.selection = shape;
    });
  }


  touchEnd(e) {
    const self = this;
    // console.log(this);//is the controller
    const activeTag = self.TagService.activeTags[0];
    self.canvasState.doTouchEnd(e, activeTag, function doTouchUp(shape) { 
      self.selection = shape;
      self.addShape(shape);
      // console.log(self.shapes);
    });
  }

  touchmove(e) {
    e.preventDefault();
    console.log("HERE HERE HERE");
    const self = this;
    const activeTag = self.TagService.activeTags[0];
    this.canvasState.doTouchMove(e, activeTag, (shape) =&gt; {
      let len = self.shapes.length;
      self.addShape(shape);
      let len2 = self.shapes.length;
      if (len2 - len === 1) {
        self.draw();
        self.shapes.splice(-1, 1);
      }
    });
  }
</code></pre>

<p>The touchstart and touchend work, but touch move never fires. I can never get the console output. </p>

<p>Edit: I changed the first line to be <code>touchmove</code>, as there was touchMove and touchmove (typo), but that still does not fire the touchmove.
Also, I get <code>Ignored attempt to cancel a touchstart event with    cancelable=false, for example because scrolling is in progress and cannot be interrupted.</code> warning when I try to draw something down. This is really strange, because I tried the same thing in a non-angular app (Very simple canvas interactions), and I didn't get that error. It blocked me from scrolling, and instead drew stuff on the canvas.</p>