title: How to prevent touchend event after dragend?
body: <p>I'm working on a mobile site and struggling with events firing when I don't want them to.</p>
  <p>For the sake of simplicity, it's written something like this (in jQuery):</p>
  <pre><code>el.on('touchend', function(ev) {
      ev.preventDefault();
      // fire an ajax call
  };
  </code></pre>
  <p>However, sometimes a user would hit the item when scrolling the page, causing the ajax request to fire (thus changing the page state).</p>
  <p>I couldn't think of a way around it (<code>ev.stopPropagation()</code> didn't work) , so I decided watch for <code>dragstart</code> and <code>dragend</code> events.</p>
  <pre><code>el.on('dragstart', function() {
       el.off('touchend');
  });
  
  el.on('dragend', function(ev) {
       ev.stopPropagation(); // &lt;-- seems to do nothing
       // add back the event above (the function is set to a var)
  });
  </code></pre>
  <p>If I alert inside the <code>touchend</code> callback, I get confirmation that the <code>touchend</code> event did in fact fire after I stopped dragging.</p>
  <p>Does anyone have any idea how to prevent any other events from firing? I'm hoping I'm just being blind and missing something obvious.</p>