title: Prevent touchStart but allow click events
body: <p>I would like to prevent <code>touchStart</code> events in order to prevent Safari from bouncing in iOS devices under certain conditions. </p>
  
  <p>To do so I'm using the folowing:</p>
  
  <pre><code>$('.wrapper').on('touchstart', function(e) {
      e.preventDefault();
  });
  </code></pre>
  
  <p>But now none of the click events work on it:</p>
  
  <pre><code>$('.wrapper').on('click', function() {
      $('.wrapper').text('Click fired');
  });
  </code></pre>
  
  <p><a href="https://jsfiddle.net/8n47whd0/4/" rel="nofollow noreferrer">Reproduction online</a></p>
  
  <p>I can not replace the <code>click</code> event for any other one. As this might come from the end user. </p>
  
  <p>Previously to iOS 10, the bouncing <a href="https://stackoverflow.com/questions/20461485/ios-disable-bounce-scroll-but-allow-normal-scrolling">could be avoided by preventing only <code>touchMove</code></a> but since iOS 10 it will bounce unless <code>touchStart</code> is prevented too.</p>
  
  <p>Is there any way to prevent only the <code>touchStart</code> event but allow the use of the <code>click</code> event?</p>