Événements tactiles

Il est possible de créer des applications conscientes du tactile compatibles avec de nombreux appareils mobiles Les navigateurs de bureau conscients du tactile arrivent bientôt ; préparez-vous dès maintenant Apparu pour la première fois dans Mobile Safari pour iOS 2.0 Quatre événements de base : touchstart touchmove touchend touchcancel Champs de l’objet Event : touches targetTouches changedTouches touches modificateurs (shift, alt, ctrl, meta) Champs de l’objet Touch : identifier clientX/Y pageX/Y screenX/Y Désormais une ébauche de travail du W3C De nombreuses différences subsistent entre les fournisseurs : touchenter / touchleave ( Firefox , Blackberry ) gesturestart / gesturechange / gestureend (Mobile Safari) MSPointer* / MSGesture* (IE10) Comportement natif Appareils dotés de méthodes de saisie alternatives Le multi-touch FF6+ prend en charge les événements tactiles au format W3C IE10 prend en charge MSPointer* / MSGesture* Aucune prise en charge dans WebKit pour le moment Désactiver la gestion standard des gestes (défilement / zoom / panoramique) et document.body.addEventListener(‘touchmove’, function(event) { event.preventDefault(); }, false); Désactiver la gestion standard des gestes (défilement / zoom / panoramique) Gérer le rendu dans une boucle : var touches = [], // pourrait également utiliser requestAnimationFrame() ici renderLoop = setInterval(function() { draw(touches); // appeler notre fonction de dessin }, 15); myElement.addEventListener(‘touchmove’, function(e) { touches = e.touches; }, false); Désactiver la gestion standard des gestes (défilement / zoom / panoramique) Gérer le rendu dans une boucle Prendre en charge les appareils à toucher unique (par exemple, les téléphones Android) Désactiver la gestion standard des gestes (défilement / zoom / panoramique) Gérer le rendu dans une boucle Prendre en charge les appareils à toucher unique (par exemple, les téléphones Android) Gérer les événements de souris pour : Les téléphones équipés d’un matériel de pointage physique (par exemple, de nombreux combinés Android) Les téléphones ne prenant pas en charge les événements tactiles (par exemple, Windows Phone 7) Les navigateurs de bureau sans prise en charge du tactile (par exemple, Chrome) Désactiver la gestion standard des gestes (défilement / zoom / panoramique) Gérer le rendu dans une boucle Prendre en charge les appareils à toucher unique (par exemple, les téléphones Android) Gérer les événements de souris Prendre en charge les navigateurs de bureau compatibles avec le tactile : Firefox (événements tactiles au format W3C) IE10 (MSPointer*) @ @ggoodale