雅荷心语博客之前一直使用hammerjs来做手势操作,但是最近发现一个更好用的,记录一下使用感受!
真的很简单,so seay…
|
1 2 3 |
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <div id="element" style="width:300px; height: 200px; background:#ccc"></div> <script src="https://cdn.bootcss.com/touchjs/0.2.14/touch.min.js"></script> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<!--pinchstart 双指缩放动作开始--> <!--pinchend 双指缩放动作结束--> <!--pinch 双指缩放事件--> <!--pinchin 双指向里缩小--> <!--pinchout 双指向外放大--> <!--rotateleft 向左旋转--> <!--rotateright 向右旋转--> <!--rotate 旋转事件--> <!--swipestart 单指滑动动作开始--> <!--swiping 单指滑动事件--> <!--swipeend 单指滑动动作结束--> <!--swipeleft 单指向左滑动--> <!--swiperight 单指向右滑动事件--> <!--swipeup 单指向上滑动--> <!--swipedown 单指向下滑动--> <!--swipe 单指滑动事件--> <!--drag 单指向左右拖动--> <!--hold 单指按住不放事件--> <!--tap 单指点击--> <!--doubletap 单指双击--> <script type="text/javascript"> window.onload = function () { touch.on('#element', 'swiperight',function (ev) { console.log(ev); alert(1) }) } </script> |
