웹 제스처 라이브러리 Alloyfinger

1268 단어
github:https://github.com/AlloyTeam/AlloyFinger텐센트가 개발했다고 하는데 써보니 느낌이 좋아요.
예:

    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) {
            // 
        }
    });


공식 데모:http://alloyteam.github.io/AlloyFinger/개발팀:http://www.alloyteam.com/2016/05/super-small-web-gesture-library-alloyfinger-released/

좋은 웹페이지 즐겨찾기