Le document présente le modèle des événements de pointeur d'IE10 et le polyfill Hand.js, permettant d'écrire du code unique pour les interactions tactiles, au stylet et avec la souris. Il décrit l'utilisation d'événements MSPointer et MSGesture pour gérer les interactions tactiles de manière unifiée et mentionne la spécification soumise par Microsoft au W3C. Des liens vers des démos et des articles supplémentaires sont fournis à la fin.

1. Découverte du modèle Pointer
Events d'IE10 et de son polyfill
HandJS
David Rousset
Technical Evangelist
Microsoft France
@davrous
http://blogs.msdn.com/davrous

2. Pointer Events (touch, stylet, souris)
• Ecrivez votre code une seule fois pour le tactile, le stylet et
la souris
• Les sites écrits uniquement pour la souris fonctionnent
automatiquement
• Patterns connus d’évènements DOM de la souris, avec des
extensions pour le touch

3. Pour faire de belles applications web tactiles
• Évènements MSPointer pour cibler le tactile, la souris et le
stylet de manière unifiée
• Évènements MSGesture pour facilement reconnaitre
certaines manipulations (zoom, rotation, hold, etc.)
• Propriétés CSS -ms-touch-action pour indiquer comment
chaque zone doit se comporter face au touch
• Microsoft a soumis la spécification au W3C:
– http://www.w3.org/Submission/pointer-events/

4. Démo: utilisation des
Pointer Events

5. Pour aller plus loin…
• Mon blog: aka.ms/davrous
 Vous retrouverez toutes les démos de cette
session et des liens vers des articles
• Le blog de David Catuhe: aka.ms/david
 Développeur du polyfill HandJS

6. Questions ?