美文网首页
判断左滑右滑事件

判断左滑右滑事件

作者: IT路上奋斗的小孩 | 来源:发表于2019-04-09 16:05 被阅读0次

需要鉴定左滑右滑事件的区域
html文件

<div class="banner_swiper"> 
  ***********
  **********
</div>  

js判断左滑/右滑的事件

$(".banner_swiper").on("touchstart", function(e) {
        startX = e.originalEvent.changedTouches[0].pageX;
    });
    $(".banner_swiper").on("touchend", function(e) {
        endX = e.originalEvent.changedTouches[0].pageX;
        chaX = endX - startX;
        if(chaX  > 0) {
            console.log('左滑');
        }
        else if(chaX  < 0) {
            console.log('右滑');  
        }
    }); 

相关文章

网友评论

      本文标题:判断左滑右滑事件

      本文链接:https://www.haomeiwen.com/subject/ejgbiqtx.html