¿Simulación de eventos de inicio y touchend?

Question

Estoy desarrollando un componente jquery que funciona principalmente para ipad. Entonces, de todos modos, hay que simular los eventos 'touchstart' y 'touchend' en el escritorio en lugar de tener el dispositivo para verificar los eventos.

Answer 1

Puede autor sus propios eventos personalizados dentro de jQuery:

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

Y puede ejecutarlos en contra de cualquier elemento en el DOM:

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

Demostración: http://jsbin.com/ezoxed/edit#javascript,html
Más información: http://api.jquery.com/category/events/event-object/

Tenga en cuenta que hay varios otros tipos de interfaces en el mercado sin w que no admite los eventos touchstart y touchend. Por ejemplo, Windows 8 ya está ocupando tabletas en el mercado móvil y utiliza un modelo de eventos más abstracto que consiste en Punteros.

Answer 2

Chrome Dev-tools dentro de un navegador Chrome le permite emular eventos táctiles. Ver https://developers.google.com/chrome-developer-tools/docs/mobile-emulation.

A partir de los documentos ...

Emulando Touch Eventos

Touch es un método de entrada que es difícil de probar en el escritorio, ya que la mayoría de los escritorios no tienen la entrada táctil. Tener que probar en el dispositivo móvil puede alargar su ciclo de desarrollo, ya que cada cambio que realice necesita para enviarlo a un servidor y luego cargarlo en el dispositivo.

Una solución a este problema es simular eventos táctiles en su máquina de desarrollo . Para los toques simples, Chrome DevTools admite la emulación de evento simple de para facilitar la depuración de las aplicaciones móviles en el escritorio.

Para utilizar desde un navegador Chrome (en la versión 29.0.1547.65):

1. Seleccione el menú de Chrome en la parte superior derecha de la ventana del navegador (tres líneas apiladas).
2. Seleccione Herramientas> Herramientas del desarrollador. (Acceso directo Mayús + Control + I)
   Aparecerá una ventana de herramientas en la parte inferior con la pestaña Consola seleccionada.
3. En la parte inferior derecha, haga clic en el engranaje de configuración (parece una marcha).
   Aparecerá un panel de configuración con "General" en la parte superior.
4. Haga clic en "Anulaciones" a la izquierda para seleccionar el panel de anulaciones.
5. de desplazamiento hacia abajo y de verificación "Activar eventos de toque"
6. Actualizar tu página

pasar el ratón ahora aparecerá como un círculo borroso. Haga clic para "tocar".