js判断手指滑动方向(移动端)
2026-05-02 19:30:04
153
分类:javascript
用于移动端滑动操作
//手指接触屏幕
document.addEventListener("touchstart", function(e) {
startx = e.touches[0].clientX;
starty = e.touches[0].clientY;
}, false);
//手指离开屏幕
document.addEventListener("touchend", function(e) {
var endx, endy;
endx = e.changedTouches[0].clientX;
endy = e.changedTouches[0].clientY;
var direction = getDirection(startx, starty, endx, endy);
switch (direction) {
case 0:
alert("未滑动!");
break;
case 1:
alert("向上!")
break;
case 2:
alert("向下!")
break;
case 3:
alert("向左!")
break;
case 4:
alert("向右!")
break;
default:
}
}, false);