Hammer.js:在刷卡时做一些逻辑

时间:2013-12-03 19:44:17

标签: javascript jquery hammer.js

我正在使用hammer.js,现在我想通过使用触摸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);
    }   
  );

现在cource问题是代码只在事件中执行一次。如何在触摸未结束时运行一些逻辑总是改变宽度?这可能是用hammer.js吗?

1 个答案:

答案 0 :(得分:0)

您可能正在寻找drag事件,当您拖动手指而不是touch时,该事件会被持续触发:

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