“HOLD”和hammer.js 2.0“版本”的等效

问题描述 投票:5回答:3

在hammer.js 1.1.3版本,我能够完全使用下面的代码:

        var button = Hammer(element, {
            hold: true,
            release: true
        });

        button .on('hold', function() {
            //Do something when the hold event starts
        });

        button .on('release', function() {
            //Do something when the hold event stops
        });

但在hammer.js 2.0,我努力寻找一个等价的:

    var button = new Hammer.Manager(element);

    button.add(new Hammer.Press({
        event: 'press',
        pointer: 1,
        threshold: 5,
        time: 500
    }));

    button.on('press', function(event) {
        //Do something when the the element is pressed after 500ms
    });

    //Possible handler when the element is released?

根据用于新hammer.js 2.0的文件(http://hammerjs.github.io/getting-started.html),有5个识别器:

    Pan, Pinch, Press, Rotate, Swipe, Tap

我无法找到一个合适的识别器,将允许发行类型的功能。任何想法,建议或想法表示赞赏。干杯阅读!

javascript hammer.js
3个回答

0
投票

管理使用“按”(保持)和“pressup”来实现这一功能(释放)

var hammer = new Hammer(this);

hammer.on("press pressup", function (ev) {

    // Hold gesture start (press)
    if (ev.type == "press") {
        console.log("Hold active");
    }

    // Hold gesture stop (pressup)
    if (ev.type == "pressup") {
        console.log("Hold inactive");
    }
});

测试在Hammer.JS V2.0.8


-2
投票

运用

$(button).on('touchend',function(e){});

工程于jQuery的。

© www.soinside.com 2019 - 2024. All rights reserved.