title: How to prevent default on touch with hammer.js
body: <p>I would like to prevent an anchor from clicking through if it is tapped with a touch device, but to act normally if clicked on with a mouse.</p>
  <p>The reason being, on desktop you hover over the anchor to see more information, then click to view the product.</p>
  <p>On a mobile, I want the first tap to show info, second to view product.</p>
  <p>I've tried no end of variations of the following:</p>
  <pre><code>$('article.product aside a.link').hammer().on('tap', function(ev) {
  
      if (ev.gesture.pointerType == 'touch') {
          ev.gesture.srcEvent.preventDefault();
  
          return false;
      }
  
  });
  </code></pre>
  <p>Does anyone have any thoughts on this?</p>