当前位置 : 主页 > 网页制作 > html >

手机端html滑动处理

来源:互联网 收集:自由互联 发布时间:2021-06-12
$( ‘ .pushJie ‘ ).on( ‘ touchstart ‘ ,touchStartFun).on( ‘ touchmove ‘ ,touchmoveFun).on( ‘ touchend ‘ ,touchendFun);function touchStartFun(e){ e.preventDefault(); touchStartX = e.originalEvent.changedTouches[ 0 ].pageX; tou
$(.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();
    //处理业务
}
上一篇:layui表单验证
下一篇:1---搭建项目
网友评论