したがって、jquery イベントをトリガーするコードがいくつかあります。このコードが行うことは、ユーザーが領域を左右にスワイプするたびにイベントをトリガーし、コンソールにログを追加することです。
これは私のiPadとiPhoneでは問題なく動作していますが、今日は2つの別々のAndroidデバイスでテストするようになり、ほとんど喜びがありませんでした.
実際にスワイプをログに記録するには、20/30 回スワイプする必要があります。
コードにエラーがあるのだろうか?
var maxTime = 1000,
// allow movement if < 1000 ms (1 sec)
maxDistance = 50,
// swipe movement of 50 pixels triggers the swipe
target = jQuery('.pageSize'),
startX = 0,
startTime = 0,
touch = "ontouchend" in document,
startEvent = (touch) ? 'touchstart' : 'mousedown',
moveEvent = (touch) ? 'touchmove' : 'mousemove',
endEvent = (touch) ? 'touchend' : 'mouseup';
target.bind(startEvent, function(e) {
// prevent image drag (Firefox)
// e.preventDefault();
startTime = e.timeStamp;
startX = e.originalEvent.touches ? e.originalEvent.touches[0].pageX : e.pageX;
}).bind(endEvent, function(e) {
startTime = 0;
startX = 0;
}).bind(moveEvent, function(e) {
// e.preventDefault();
var currentX = e.originalEvent.touches ? e.originalEvent.touches[0].pageX : e.pageX,
currentDistance = (startX === 0) ? 0 : Math.abs(currentX - startX),
// allow if movement < 1 sec
currentTime = e.timeStamp;
if (startTime !== 0 && currentTime - startTime < maxTime && currentDistance > maxDistance) {
if (currentX < startX) {
// swipe left code here
//slideMobile("forward", pageSize);
console.log("swipeForward");
jQuery(window).trigger('swipeForward');
}
if (currentX > startX) {
// swipe right code here
//slideMobile("back", pageSize);
console.log("swipeBackward");
jQuery(window).trigger('swipeBackward');
}
startTime = 0;
startX = 0;
}
});
ありがとう