当前位置:首页 > 移动开发 > 正文

手机端html滑动处理

2024-03-31 移动开发

$(.pushJie).on(touchstart,touchStartFun).on(touchmove,touchmoveFun).on(touchend,touchendFun);

function touchStartFun(e){
        e.preventDefault();
        touchStartX = e.originalEvent.changedTouches[0].pageX;
        touchStartY = e.originalEvent.changedTouches[0].pageY;
    }
    function touchmoveFun(e){
        e.preventDefault();
        endX = e.originalEvent.changedTouches[0].pageX;
        endY = e.originalEvent.changedTouches[0].pageY;
        //获取滑动距离
        distanceX = touchStartX-endX;
        distanceY = touchStartY-endY;
    }
 function touchendFun(e){
        e.preventDefault();
    //处理业务
}

 

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/yidong/18774.html