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

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 ?