web手势库Alloyfinger

2018-07-09  本文已影响17人  ChasenGao

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/

上一篇下一篇

猜你喜欢

热点阅读