title: AngularJS Click on TouchStart
body: <p>Angular Touch <code>ngTouch</code> causes the click to occur on touch release.</p>
  
  <p>Is there a way to make the click happen on touch start?</p>
  
  <p>The <code>fast-click</code> directive below seems to do what I want on touchscreens, but it doesn't work with mouse clicks.</p>
  
  <pre><code>myApp.directive('fastClick', ['$parse', function ($parse) {
      return function (scope, element, attr) {
        var fn = $parse(attr['fastClick']);
        var initX, initY, endX, endY;
        var elem = element;
  
        elem.bind('touchstart', function (event) {
            event.preventDefault();
            initX = endX = event.touches[0].clientX;
            initY = endY = event.touches[0].clientY;
            scope.$apply(function () { fn(scope, { $event: event }); });
        });
      };
    }
  ]);
  </code></pre>