- 贴心猫(Imcat)
- 贴心代码
- 详情
html5,触摸方向判定
发布:2018-08-07 07:50
点击51次
评论:0条
$("body").on("touchstart", function(e) {
$('.pswp__ui--idle .pswp__button--arrow--left').css('opacity',1);
e.preventDefault();
startX = e.originalEvent.changedTouches[0].pageX,
startY = e.originalEvent.changedTouches[0].pageY;
});
$("body").on("touchmove", function(e) {
e.preventDefault();
moveEndX = e.originalEvent.changedTouches[0].pageX,
moveEndY = e.originalEvent.changedTouches[0].pageY,
X = moveEndX - startX,
Y = moveEndY - startY;
if( Math.abs(X) > Math.abs(Y) && X > 0 ) {
//$(".pswp__button--arrow--right").trigger("click");
//alert(1);
}else if ( Math.abs(X) > Math.abs(Y) && X < 0 ) {
//$(".pswp__button--arrow--left").trigger("click");
}else if ( Math.abs(Y) > Math.abs(X) && Y > 0) {
//alert("top 2 bottom");
}else if ( Math.abs(Y) > Math.abs(X) && Y < 0 ) {
//alert("bottom 2 top");
}else{
//alert("just touch");
}
});