验证中...
助力高校计算机教育 —— 码云为老师推出免费高校版,高达 200 人的协作团队
移动端的点击、上滑、下滑、左滑、右滑
原始数据 复制代码
var documentWidth=window.screen.availWidth,
startx = null,
starty = null,
endx = null,
endy = null;
document.addEventListener("touchstart", function(event) {
startx=event.touches[0].pageX;
starty=event.touches[0].pageY;
})
document.addEventListener("touchmove", function(event) {
event.preventDefault();
})
document.addEventListener("touchend", function(event) {
endx=event.changedTouches[0].pageX;
endy=event.changedTouches[0].pageY;
var dx=endx-startx;
var dy=endy-starty;
//判断是滑动还是点击
if(Math.abs(dx)<0.3*documentWidth && Math.abs(dy)<0.3*documentWidth)
return;
if(Math.abs(dx)>=Math.abs(dy)){
if(dx>0){
console.log("moveRight");
}else{
console.log("moveLeft");
}
}else{
if(dy>0){
console.log("moveDown");
}else{
console.log("moveTop");
}
}
})

评论列表( 2 )

1817040_ejing365

大神求带

1817040_ejing365

6666

你可以在登录后,发表评论

10_float_left_people 10_float_left_close