| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- <section id="touchevents" data-transition="slide">
- <header data-title="Touch Events">
- <nav class="box">
- <a href="#back" data-router="section" data-label="back"></a>
- </nav>
- </header>
- <article class="active">
- <div class="two rows" id="touchevents-console">Test them...</div>
- <div class="eight rows list scroll">
- <ul>
- <li class="anchor">Test events in your Mobile Device</li>
- <!-- <li data-event="touch"><strong>Touch me!</strong></li> -->
- <li data-event="tap" id="prueba"><strong>Tap me!</strong></li>
- <li data-event="doubleTap"><strong>doubleTap me!</strong></li>
- <li data-event="hold"><strong>hold me!</strong></li>
- <li data-event="drag">
- <strong>Drag me!</strong>
- </li>
- <li data-event="swipe">
- <strong>Swipe me!</strong>
- <small>Drag in any direction</small></li>
- <li data-event="swipeLeft"><strong>swipeLeft me!</strong></li>
- <li data-event="swipeUp"><strong>swipeUp me!</strong></li>
- <li data-event="swipeRight"><strong>swipeRight me!</strong></li>
- <li data-event="swipeDown"><strong>swipeDown me!</strong></li>
- <li data-event="swiping"><strong>swiping me!</strong></li>
- <li data-event="rotate">
- <strong>rotate me!</strong>
- <small>Drag in any direction</small></li>
- <li data-event="rotateLeft"><strong>rotateLeft me!</strong></li>
- <li data-event="rotateRight"><strong>rotateRight me!</strong></li>
- <li data-event="rotating"><strong>rotating me!</strong></li>
- <li data-event="pinch">
- <strong>pinch me!</strong>
- <small>Drag in any direction</small></li>
- <li data-event="pinchIn"><strong>pinchIn me!</strong></li>
- <li data-event="pinchOut"><strong>pinchOut me!</strong></li>
- <li data-event="pinching"><strong>pinching me!</strong></li>
- </ul></div>
- </article>
- </section>
|