jquery判断手指滑动方向

jquery判断手指滑动方向

/*判断哪个滑动方向还是自己改下 要么上下 要么左右*/
var startX;
var startY;
$(“.shanghua”).on(“touchstart”, function(e) {
// 判断默认行为是否可以被禁用
if (e.cancelable) {
// 判断默认行为是否已经被禁用
if (!e.defaultPrevented) {
e.preventDefault();
}
}
startX = e.originalEvent.changedTouches[0].pageX;
startY = e.originalEvent.changedTouches[0].pageY;
console.log(‘startX:’ + startX);
console.log(‘startY:’ + startY);
});
$(“.shanghua”).on(“touchend”, function(e) {
// 判断默认行为是否可以被禁用
if (e.cancelable) {
// 判断默认行为是否已经被禁用
if (!e.defaultPrevented) {
e.preventDefault();
}
}
var moveEndX = e.originalEvent.changedTouches[0].pageX;
var moveEndY = e.originalEvent.changedTouches[0].pageY;
console.log(‘moveEndX:’ + moveEndX);
console.log(‘moveEndY:’ + moveEndY);
var X = moveEndX – startX;
var Y = moveEndY – startY;
//下滑
if (Y > 0) {
alert(‘下滑’);
}
//上滑
else if (Y < 0) { alert('上滑'); } });

原创文章如转载,请注明本文链接: http://newmiracle.cn/?p=2725

发表评论

电子邮件地址不会被公开。 必填项已用*标注