javascript - 如何用原生JS&&jQuery&&Vue.js判断手机的滑动?

 MySeptember 发布于 2022-11-27 13:02

虽然项目没有要求,但自己不想再引入其他的插件。
需求很简单,能判断上下左右的滑动事件即可。
目前的环境是原生JS+Vue.js+jQuery1.8
如何解决这个问题呢?求解!

2 个回答
  • 可以看看 touchstart、touchmove、touchend 事件的组合。

    2022-11-27 13:26 回答
  • 已使用touchstart,touchend解决

    (function(){
        var currentPage = 0;
        var direction = function(up, down){
            var YStack = [];
            document.body.addEventListener('touchstart',function(e){
                YStack.length = 0;
                YStack.push(e.touches[0].clientY);
            },false);
            document.body.addEventListener('touchend',function(e){
               YStack.push(e.changedTouches[0].clientY);
               YStack[1]-YStack[0] >= 100?down():void 0;
               YStack[1]-YStack[0] <= -100?up():void 0;
            },false);
        }
        var scrollUp = function(){
           if(currentPage<=3){
               currentPage++;
               $('p#wrapper').css({'top':-currentPage+'00%'});
           }
        }
        var scrollDown = function(){
          if(currentPage>=1){
              currentPage--;
              $('p#wrapper').css({'top':-currentPage+'00%'});
          }
        }
        direction(scrollUp,scrollDown);
    })();
    2022-11-27 13:26 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有