터치에서 팬 요소 - jQuery

Question

터치로 요소를 이동하려고합니다. 사용자가 스 와이프 한 거리를 계산하려면 다음을 사용합니다 (스 와이프가 초기화 된 후 전환/함수 추가). 어떻게 실시간을 얻을 수 있습니까? 스 와이프 및 애니메이션의 값에 따라 DIV가 손가락을 따라 움직입니다.

나는 슬쩍 기능을 달성하기 위해 다음 코드를 사용하고 있습니다 : 당신이 필요로하는 기능을 달성하기 위해 떨어져 조금 스크립트를 취할 필요가

Standalone jQuery "touch" method?

Answer 1

. havnt 그래도 그것을 테스트,

//add to the decleration: 
var defaults = { 
    threshold: { 
     x: 30, 
     y: 10 
    }, 
    swipeLeft: function() { alert('swiped left') }, 
    swipeRight: function() { alert('swiped right') }, 
    //THIS: 
    swipeMove: function(distance) { alert('swiped moved: '+distance.x+' horizontally and '+distance.y+' vertically') }, 
    preventDefaultEvents: true 
}; 

//add this to the init vars section 
var lastpoint = {x:0, y:0} 

//add an init to the lastpoint at start of swipe 
function touchStart(event) { 
     console.log('Starting swipe gesture...') 
     originalCoord.x = lastpoint.x = event.targetTouches[0].pageX 
     originalCoord.y = lastpoint.y = event.targetTouches[0].pageY 
    } 

//this is where you do your calculation 
function touchMove(event) { 
     if (defaults.preventDefaultEvents) 
      event.preventDefault(); 

     var difference = { 
      x:event.targetTouches[0].pageX - lastpoint.x, 
      y:event.targetTouches[0].pageY - lastpoint.y 
     } 
     //call the function 
     defaults.swipeMove(difference); 

     finalCoord.x = lastpoint.x = event.targetTouches[0].pageX 
     finalCoord.y = lastpoint.y = event.targetTouches[0].pageY 
    } 

어쨌든 그런 일해야한다 : 기본적으로는 하나의 이벤트로 "슬쩍"가 저장되어 무엇을, 당신은 이런 식으로하는 TouchMove 이벤트 뭔가를 캡처 할 필요가있다.