滑动事件

Posted xm16

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了滑动事件相关的知识,希望对你有一定的参考价值。

tachMove(item)
function tachMove(targer){
var startx,starty,X,Y;
targer.addEventListener("touchstart",function(e){ //第一次触摸
startx = e.touches[0].pageX;
starty = e.touches[0].pageY;
});

targer.addEventListener("touchmove",function(e){ //手指屏幕滑动
X = (e.touches[0].pageX) - startx;
Y = (e.touches[0].pageY) - starty;
//判断上下左右滑动
if( Math.abs(X) > Math.abs(Y) && X > 12 ){
toRight();
}
else if( Math.abs(X) > Math.abs(Y) && X < -12 ){
toLeft()
}
else if( Math.abs(Y) > Math.abs(X) && Y > 12 ){
toBottom();
}
else if( Math.abs(Y) > Math.abs(X) && Y < -12 ){
toTop()
}
});
}
//执行函数
function toRight(){
console.log("向右")
}
function toLeft(){
console.log("向左")
}
function toBottom(){
console.log("向下")
}
function toTop(){
console.log("向上")
}

以上是关于滑动事件的主要内容,如果未能解决你的问题,请参考以下文章

Android点击事件和滑动冲突解决

问题记录解决滑动冲突问题 - 监听滑动事件,阻止滑动事件冒泡

问题记录解决滑动冲突问题 - 监听滑动事件,阻止滑动事件冒泡

问题记录解决滑动冲突问题 - 监听滑动事件,阻止滑动事件冒泡

问题记录解决滑动冲突问题 - 监听滑动事件,阻止滑动事件冒泡

android 内部viewpager添加点击事件之后不能滑动了