Simulazione di eventi touchstart e touchend?

Question

Sto sviluppando un componente jQuery che funziona principalmente per ipad. Quindi c'è comunque la possibilità di simulare gli eventi "touchstart" e "touchend" sul desktop piuttosto che avere il dispositivo stesso per controllare gli eventi.

Answer 1

È possibile all'autore i propri eventi personalizzati all'interno di jQuery:

var event = $.Event("touchstart", { pageX:200, pageY:200 }); 

e si possono emettere nei confronti di qualsiasi elemento del DOM:

$("body").trigger(event); 

Demo: http://jsbin.com/ezoxed/edit#javascript,html
Ulteriori approfondimenti: http://api.jquery.com/category/events/event-object/

Ricordare che sul mercato esistono diversi altri tipi di interfacce w che non supporta gli eventi touchstart e touchend. Ad esempio, Windows 8 sta già occupando tablet nel mercato mobile e utilizza un modello di eventi più astratto composto da puntatori.

Answer 2

Chrome Dev-tools all'interno di un browser Chrome consente di emulare eventi touch. Vedi https://developers.google.com/chrome-developer-tools/docs/mobile-emulation.

Dalla documentazione ...

Emulando eventi touch

Touch è un metodo di input che è difficile da testare sul desktop, poiché la maggior parte dei desktop non hanno input tocco. Dover testare sul cellulare può allungare il tuo ciclo di sviluppo, dal momento che ogni modifica apportata necessita di essere trasferito su un server e quindi caricato sul dispositivo .

Una soluzione a questo problema è simulare eventi di tocco sul computer di sviluppo . Per i tocchi singoli, Chrome DevTools supporta l'emulazione di evento a tocco singolo per semplificare il debug delle applicazioni mobili sul desktop.

Per utilizzare da un browser Chrome (a partire dalla versione 29.0.1547.65):

1. Selezionare il menu Chrome in alto a destra della finestra del browser (tre righe sovrapposte).
2. Selezionare Strumenti> Strumenti di sviluppo. (Shortcut Shift + Control + I)
   Una finestra degli strumenti apparirà in basso con la scheda Console selezionata.
3. In basso a destra, fare clic sull'ingranaggio delle impostazioni (sembra una marcia).
   Apparirà un pannello delle impostazioni con "Generale" in alto.
4. Fare clic su "Sostituzioni" a sinistra per selezionare il pannello di sostituzione.
5. Scorrere verso il basso e di controllo "Attiva gli eventi touch"
6. Ricarica la pagina

il mouse appare ora come un cerchio sfocata. Clicca per "toccare".