相当于"hold"和“;release"在hammer.js 2.0

Equivalent of "hold" and "release" in hammer.js 2.0

本文关键字：quot js hammer hold 相当于 release      更新时间：2023-09-26

在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

我找不到允许发布类型功能的合适识别器。任何想法，建议或想法都很感激。为阅读干杯!

这将在下一个版本2.0.1中得到支持!https://github.com/hammerjs/hammer.js/commit/a764fde2e89c3af2575ae02d3af41d7787a60dc5

使用'press'(按住)和'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上测试

使用

$(button).on('touchend',function(e){});
相关文章：