title: Detect Swipe without affecting click event
body: <p>I did some researches on other posts related to swipe functionality and found a useful function however it also affects click events.</p>
  
  <p>Here is the link I found that is swipe function useful:
  <a href="http://www.javascriptkit.com/javatutors/touchevents2.shtml" rel="nofollow noreferrer">http://www.javascriptkit.com/javatutors/touchevents2.shtml</a></p>
  
  <p>Is there a way to tweak it and to make click event work.</p>
  
  <p>Here is the sample fiddle <a href="http://jsfiddle.net/8rscLo1z/4/" rel="nofollow noreferrer">http://jsfiddle.net/8rscLo1z/4/</a> (P.S. Use toggle device toolbar in chrome to work)</p>
  
  <p>Swipe trigger:</p>
  
  <pre><code>var el = document.getElementById('testing_area');
  swipedetect(el, function(swipedir){
      // swipedir contains either "none", "left", "right", "top", or "down"
      if (swipedir =='left'){
          $('#testing_area').html('Swipe LEFT detected');
      } else if (swipedir == 'right'){
          $('#testing_area').html('Swipe RIGHT detected');
      } else {
          $('#testing_area').html('Swipe UNRECOGNIZED');
      }
  });
  </code></pre>
  
  <p>Click event</p>
  
  <pre><code>$('#testing_area').click(function(){
      alert('test click');
  });
  </code></pre>