美文网首页
web手势库Alloyfinger

web手势库Alloyfinger

作者: ChasenGao | 来源:发表于2018-07-09 01:21 被阅读17次

    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/

    相关文章

      网友评论

          本文标题:web手势库Alloyfinger

          本文链接:https://www.haomeiwen.com/subject/qngauftx.html