2011-12-30 16 views
5

Me gustaría aprender a crear galerías de imágenes y controles deslizantes de contenido que pueden admitir eventos de touch y mouse. ¿Cuál es un buen lugar para comenzar a aprender sobre los eventos táctiles?¿Alguien puede sugerir un lugar para comenzar con eventos táctiles de JavaScript para la web?

Parece que no puedo encontrar ninguna documentación oficial.

¿Hay bibliotecas táctiles útiles compatibles con jQuery que normalizan la API?

+1

Vale la pena mirar aquí para ver qué tan bien se admiten los eventos táctiles en los navegadores móviles: http://www.quirksmode.org/webkit.html – Kevin

Respuesta

3

Hay una buena documentación de Apple en eventos de toque (pero no sólo):

list of supported events on Safari Web Content Guide: Handling Events

También puede visita esta página (JS guión creado por mí) de su dispositivo táctil y vea qué eventos se están desencadenando:

http://jsfiddle.net/wzD8A/embedded/result/

creo dispositivos diferentes pueden disparar diferentes eventos. Por ejemplo, mi propia PC convertible en tableta no activa eventos táctiles, cuando hago clic en la pantalla, y Android puede comportarse de manera diferente que, por ejemplo. iPhone. No conozco ninguna fuente de información exhaustiva sobre las diferencias en este asunto.

1

Hay algunos JavaScript Touch Bibliotecas tales los siguientes:

+0

Estos son marcos completos. Estoy creando controles deslizantes y galerías para sitios web y no aplicaciones. –

+0

* Sencha Touch * se distribuye en múltiples licencias, incluida una licencia de código abierto. http://www.sencha.com/products/touch/license/ – Eduardo

1

Usted' Necesito familiarizarme con los eventos táctiles móviles de jquery, estoy seguro de que hay muchos recursos en él, pero este es uno que encontré útil.

http://jquerymobile.com/test/docs/api/events.html

+0

¿Pero esto no implica que use todo el framework solo para manejar eventos táctiles? –

+0

@AmitErandole, sí, tendrás que usar todo el framework para usar los eventos táctiles –

3

me he dado cuenta de que usted no desea utilizar un marco móvil por alguna razón.

Si no desea utilizar un marco móvil, que es muy recomendable, puede ir directamente a la API nativa, por supuesto. Pero tenga en cuenta que puede encontrar diferencias específicas del proveedor que ya están siendo manejadas por los frameworks móviles y que pueden ser difíciles de manejar.

Aquí está un bastante buen tutorial sobre cómo hacer táctiles y móviles optimizaciones basadas únicamente en las API nativas:

http://www.html5rocks.com/en/mobile/touch.html

1

Si estás simplemente interesado en aprender acerca de los eventos táctiles, iTunes tiene la conferencia de desarrolladores de Apple Los videos de las conferencias 2010 y 2011 están disponibles de forma gratuita. Requiere registro, pero nuevamente el registro es gratis.

Utilicé la información aquí para crear una versión móvil de una aplicación y funcionó bien en iOS y Android. (Blackberry no tenía un navegador compatible con eventos táctiles en ese momento).

Esto le dará una visión general de cómo usar eventos táctiles y gestos en sus aplicaciones web. Mire la sección "Agregar detección táctil y de gestos a páginas web en el sistema operativo para iPhone" de la conferencia de 2010, así como las presentaciones "Gemas ocultas para aplicaciones web" y "Comprensión de diseños y gestos en Safari en iOS y León" de la conferencia de 2011.

Espero que esto ayude.

Cuestiones relacionadas