touchevents.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <section id="touchevents" data-transition="slide">
  2. <header data-title="Touch Events" data-back="home"></header>
  3. <article>
  4. <div class="two rows" id="touchevents-console">Test them...</div>
  5. <div class="eight rows list scroll">
  6. <ul>
  7. <li class="anchor">Test events in your Mobile Device</li>
  8. <li data-event="touch"><strong>Touch me!</strong></li>
  9. <li data-event="tap" id="prueba"><strong>Tap me!</strong></li>
  10. <li data-event="doubleTap"><strong>doubleTap me!</strong></li>
  11. <li data-event="hold"><strong>hold me!</strong></li>
  12. <li data-event="Drag">
  13. <strong>Drag me!</strong>
  14. <small>Swipe with 2 (or more) fingers</small></li>
  15. <li data-event="swipe">
  16. <strong>Swipe me!</strong>
  17. <small>Drag in any direction</small></li>
  18. <li data-event="swipeLeft"><strong>swipeLeft me!</strong></li>
  19. <li data-event="swipeUp"><strong>swipeUp me!</strong></li>
  20. <li data-event="swipeRight"><strong>swipeRight me!</strong></li>
  21. <li data-event="swipeDown"><strong>swipeDown me!</strong></li>
  22. <li data-event="swiping"><strong>swiping me!</strong></li>
  23. <li data-event="rotate">
  24. <strong>rotate me!</strong>
  25. <small>Drag in any direction</small></li>
  26. <li data-event="rotateLeft"><strong>rotateLeft me!</strong></li>
  27. <li data-event="rotateRight"><strong>rotateRight me!</strong></li>
  28. <li data-event="rotating"><strong>rotating me!</strong></li>
  29. <li data-event="pinch">
  30. <strong>pinch me!</strong>
  31. <small>Drag in any direction</small></li>
  32. <li data-event="pinchIn"><strong>pinchIn me!</strong></li>
  33. <li data-event="pinchOut"><strong>pinchOut me!</strong></li>
  34. <li data-event="pinching"><strong>pinching me!</strong></li>
  35. </ul></div>
  36. </article>
  37. </section>