github:https://github.com/AlloyTeam/AlloyFinger
据说是腾讯开发的,用了一下,感觉不错。
示例:
<script type="text/javascript">
var el = document.getElementById("#id");
new AlloyFinger(el, {
pointStart: function() {
//手指触摸屏幕触发
},
multipointStart: function() {
//一个手指以上触摸屏幕触发
},
rotate: function(e) {
//e.angle代表两个手指旋转的角度
console.log(e.angle);
},
pinch: function(e) {
//e.scale代表两个手指缩放的比例
console.log(e.scale);
},
multipointEnd: function() {
//当手指离开,屏幕只剩一个手指或零个手指触发
},
pressMove: function(e) {
//e.deltaX和e.deltaY代表在屏幕上移动的距离
console.log(e.deltaX);
console.log(e.deltaY);
},
tap: function(e) {
//点按触发
},
doubleTap: function(e) {
//双击屏幕触发
},
longTap: function(e) {
//长按屏幕750ms触发
},
swipe: function(e) {
//e.direction代表滑动的方向
console.log("swipe" + e.direction);
},
singleTap: function(e) {
//单击
}
});
</script>
官方demo:http://alloyteam.github.io/AlloyFinger/
开发团队:http://www.alloyteam.com/2016/05/super-small-web-gesture-library-alloyfinger-released/