Pointer events

1 355 vues

Publié le

Présentation utilisée lors du ParisJS du 24/04/2013

  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Pointer events

  1. 1. Découverte du modèle PointerEvents dIE10 et de son polyfillHandJSDavid RoussetTechnical EvangelistMicrosoft France@davroushttp://blogs.msdn.com/davrous
  2. 2. Pointer Events (touch, stylet, souris)• Ecrivez votre code une seule fois pour le tactile, lestylet et la souris• Les sites écrits uniquement pour la souris fonctionnentautomatiquement• Patterns connus d’évènements DOM de la souris, avecdes extensions pour le touch
  3. 3. Pour faire de belles applications webtactiles• Évènements MSPointer pour cibler le tactile, la souriset le stylet de manière unifiée• Évènements MSGesture pour facilement reconnaitrecertaines manipulations (zoom, rotation, hold, etc.)• Propriétés CSS -ms-touch-action pour indiquercomment chaque zone doit se comporter face au touch• Microsoft a soumis la spécification au W3C:– http://www.w3.org/Submission/pointer-events/
  4. 4. Démo: utilisation desPointer Events
  5. 5. Pour aller plus loin…• Mon blog: aka.ms/davrous Vous retrouverez toutes les démos de cettesession et des liens vers des articles• Le blog de David Catuhe: aka.ms/david Développeur du polyfill HandJS
  6. 6. Questions ?

×