Hammer.js:在刷卡时执行一些逻辑操作

Question

我正在使用hammer.js，现在我想通过使用touch x轴距离来更改元素的宽度：

var swipeEvent = Hammer(element).on( 'touch' , function (event) {
        console.log("x: " + event.gesture.startEvent.touches[0].deltaX);

        var curWidth = $('#box-id').css('width');
        console.log("swipe!!    :" + curWidth);
        $('#box-id').css('width', curWidth + curWidth);
    }   
  );

当然，问题是代码只在事件发生时执行一次。当触摸还没有结束的时候，我如何运行一些逻辑，总是改变宽度？这与hammer.js是可能的吗？

Answer 1

您可能正在寻找drag事件，在拖动手指时会连续触发该事件，而不是touch事件。

https://github.com/EightMedia/hammer.js/wiki/Getting-Started#gesture-events