移动端左滑右滑（上下滑动同理X改成Y）

最新推荐文章于 2020-08-04 23:18:59 发布

Smile波

最新推荐文章于 2020-08-04 23:18:59 发布

阅读量736

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/weixin_39768263/article/details/81778036

前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个简单的JavaScript示例，用于监听触摸屏设备上的touchstart和touchend事件，并记录触摸移动的方向。通过比较touchstart和touchend时的位置来判断用户是否进行了向左滑动。

var startX, moveEndX, X;
$( "body" ).on( "touchstart", function ( e ) {
    startX = e.originalEvent.changedTouches[ 0 ].pageX;
} );

$( "body" ).on( "touchend", function ( e ) {
    moveEndX = e.originalEvent.changedTouches[ 0 ].pageX;
    X = moveEndX - startX;

    if ( X < 0 ) {
        console.log(111)
    }
} );