移动端判断滑动方向(上下左右)
标签:
JavaScript
<script>
var mybody = document.getElementsByTagName('body')[0];
var startX, startY, moveEndX, moveEndY, X, Y;
mybody.addEventListener('touchstart', function(e) {
// e.preventDefault();
startX = e.touches[0].pageX;
startY = e.touches[0].pageY;
}, false);
mybody.addEventListener('touchmove', function(e) {
// e.preventDefault();
moveEndX = e.changedTouches[0].pageX;
moveEndY = e.changedTouches[0].pageY;
X = moveEndX - startX;
Y = moveEndY - startY;
if( Math.abs(X) > Math.abs(Y) && X > 0 ) {// right
alert('向右');
}
else if( Math.abs(X) > Math.abs(Y) && X < 0 ) {// left
alert('向左');
}
else if( Math.abs(Y) > Math.abs(X) && Y > 0) {// down
alert('向下');
}
else if( Math.abs(Y) > Math.abs(X) && Y < 0 ) {// up
alert('向上');
}
else{//没有发生滑动
alert('没有发生滑动');
}
});
点击查看更多内容
1人点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦