Safari iPad : prevent zoom on double-tap

Question

I\'m creating a site on Safari for iPad. I need to prevent the zoom on double-tapping event but I have two problems:

• a double tap doesn’t generate any events,

Answer 1

All solutions that I have seen (on this page and also elsewhere) have a side effect that they prevent in fast rate repeated clicks. Allows one click per 500ms or similar. This can be okay in some cases, but not eg. if you have a shooter or arrow buttons to allow fast moving from item to item.

The easiest solution is this:

$('#nozoom').on('touchstart', function(e)
{
  fn_start(e);
  e.preventDefault();
});

This calls fn_start() (the actual callback function) every time when touch is started, but prevents then default zoomings etc.

The working comparative example is here: http://jsbin.com/meluyevisi/1/. Green box prevents, red box allows.