Search code examples
ipadsafarizooming

Safari iPad : prevent zoom on double-tap

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, so I can't use "event.preventDefault();"
  • I need to do this only when some conditions are fulfilled, so I can't use the tag "<meta name = "viewport" content = "user-scalable = no">"... If I did that, users could never zoom on my page.

How can I fix these problems?

Solution

  • Mobile Safari does not support the javascript ondblclick event. It's interpreted by Safari as a "zoom".

    Raul Sanchez has posted a potential solution: http://appcropolis.com/implementing-doubletap-on-iphones-and-ipads/