Changed Gesture Manager. Now works on Panel-PC
This commit is contained in:
@@ -7,13 +7,14 @@ function swipedetect(el, callback, onmovecallback) {
|
||||
swipedir,
|
||||
startX,
|
||||
startY,
|
||||
lastXswipe,
|
||||
lastYswipe,
|
||||
distX,
|
||||
distY,
|
||||
threshold = 10, //required min distance traveled to be considered swipe
|
||||
restraint = 1000, // maximum distance allowed at the same time in perpendicular direction
|
||||
allowedTime = 300, // maximum time allowed to travel that distance
|
||||
elapsedTime,
|
||||
startTime,
|
||||
handleswipe = callback || function(swipedir) {}
|
||||
|
||||
touchsurface.addEventListener('touchstart', function(e) {
|
||||
@@ -23,21 +24,27 @@ function swipedetect(el, callback, onmovecallback) {
|
||||
distY = 0
|
||||
startX = touchobj.pageX
|
||||
startY = touchobj.pageY
|
||||
startTime = new Date().getTime() // record time when finger first makes contact with surface
|
||||
lastXswipe = touchobj.pageX
|
||||
lastYswipe = touchobj.pageY
|
||||
e.preventDefault()
|
||||
}, false)
|
||||
|
||||
touchsurface.addEventListener('touchmove', function(e) {
|
||||
e.preventDefault() // prevent scrolling when inside DIV
|
||||
|
||||
|
||||
var touchobj = e.changedTouches[0];
|
||||
if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint) { // 2nd condition for horizontal swipe met
|
||||
swipedir = (distX < 0) ? 'left' : 'right' // if dist traveled is negative, it indicates left swipe
|
||||
startX = touchobj.pageX
|
||||
} else if (Math.abs(distY) >= threshold && Math.abs(distX) <= restraint) { // 2nd condition for vertical swipe met
|
||||
swipedir = (distY < 0) ? 'up' : 'down' // if dist traveled is negative, it indicates up swipe
|
||||
startY = touchobj.pageY
|
||||
distX = touchobj.pageX - lastXswipe;
|
||||
distY = touchobj.pageY - lastYswipe;
|
||||
|
||||
if (Math.abs(distY) >= threshold && Math.abs(distX) < restraint) {
|
||||
swipedir = (distY < 0) ? 'up' : 'down'
|
||||
}
|
||||
if (Math.abs(distX) >= threshold && Math.abs(distY) < restraint) {
|
||||
swipedir = (distX < 0) ? 'left' : 'right'
|
||||
}
|
||||
|
||||
lastXswipe = touchobj.pageX
|
||||
lastYswipe = touchobj.pageY
|
||||
|
||||
if (onmovecallback)
|
||||
onmovecallback(e)
|
||||
@@ -46,15 +53,6 @@ function swipedetect(el, callback, onmovecallback) {
|
||||
|
||||
touchsurface.addEventListener('touchend', function(e) {
|
||||
var touchobj = e.changedTouches[0]
|
||||
distX = touchobj.pageX - startX // get horizontal dist traveled by finger while in contact with surface
|
||||
distY = touchobj.pageY - startY // get vertical dist traveled by finger while in contact with surface
|
||||
elapsedTime = new Date().getTime() - startTime // get time elapsed
|
||||
|
||||
if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint) { // 2nd condition for horizontal swipe met
|
||||
swipedir = (distX < 0) ? 'left' : 'right' // if dist traveled is negative, it indicates left swipe
|
||||
} else if (Math.abs(distY) >= threshold && Math.abs(distX) <= restraint) { // 2nd condition for vertical swipe met
|
||||
swipedir = (distY < 0) ? 'up' : 'down' // if dist traveled is negative, it indicates up swipe
|
||||
}
|
||||
|
||||
handleswipe(swipedir)
|
||||
e.preventDefault()
|
||||
|
||||
Reference in New Issue
Block a user