web手势库Alloyfinger

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/

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容