Prevent touchStart but allow click events

Question

I would like to prevent touchStart events in order to prevent Safari from bouncing in iOS devices under certain conditions.

To do so I'm using the folowing:

$('.wrapper').on('touchstart', function(e) {
    e.preventDefault();
});

But now none of the click events work on it:

$('.wrapper').on('click', function() {
    $('.wrapper').text('Click fired');
});

Reproduction online

I can not replace the click event for any other one. As this might come from the end user.

Previously to iOS 10, the bouncing could be avoided by preventing only touchMove but since iOS 10 it will bounce unless touchStart is prevented too.

Is there any way to prevent only the touchStart event but allow the use of the click event?

Answer 1

I don't have iOS 10 available for a test-drive, and this is a wild guess, but check this snippet:

$('.wrapper').on('click touchstart', function(e) {
  if (e.type != 'click') {
    e.preventDefault();
  } else {
    $('.wrapper').text('Click fired');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrapper">asd</div>