Prevenire il trascinamento della pagina Web iOS predefinita con javascript e hammerJS

Question

Sto creando una semplice applicazione Web che utilizza la nuova versione di hammerJS per lo zoom con pizzico. Sto avendo un problema con il trascinamento della pagina iOS predefinito quando inizia un pizzico. Ciò consente di ignorare l'evento di pizzico che sto tentando di acquisire. Sarebbe molto gradito qualsiasi aiuto durante l'interruzione dell'utilizzo di hammerJS.

PS: Ho tentato di utilizzare event.preventDefault() senza alcun risultato.

Answer 1

mettere questo nella tua intestazione:

<meta name="viewport" content="width=device-width,user-scalable=no"> 

In pratica i controlli di proprietà dall'utente scalabile se gli utenti sono autorizzati per ingrandire la pagina. Quindi, una volta disattivato, puoi controllare lo zoom con hammerJs.

Maggiori informazioni qui https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag#Viewport_basics

Answer 2

cosa stavi chiamando preventDefault su? Io di solito combinare @ risposta di Bertrand con qualcosa di simile

$(body).on('touchmove', function(e){ 
    e.preventDefault(); 
}); 

Answer 3

È necessario chiamare preventDefault in modo leggermente diverso a come si può essere abituati. In questo modo:

$('#your_element').on('pinch', function(event) { 
     event.gesture.preventDefault(); 
}); 

Vedi this hammer.js example per un altro esempio.