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);