zoukankan      html  css  js  c++  java
  • 移动端判断手指向上滑动还是向下滑动

    function GetSlideDirection(startX, startY, endX, endY) {  
          var dy = startY - endY;  
          //var dx = endX - startX;  
          var result = 0;
          if(dy>0) {//向上滑动
                  result=1;
          }else{//向下滑动
                  result=2;
          }

          return result;  
      } 

    //滑动处理  
      var startX, startY;  
      document.addEventListener('touchstart',function (ev) {  
          startX = ev.touches[0].pageX;  
          startY = ev.touches[0].pageY;    
      }, false);  

      document.addEventListener('touchend',function (ev) {  
          var endX, endY;  
          endX = ev.changedTouches[0].pageX;  
          endY = ev.changedTouches[0].pageY;  
          var direction = GetSlideDirection(startX, startY, endX, endY);
          switch(direction) {  
              case 0:  
                  break;  
              case 1:  
                  // 向上
                  alert("up");
                  break;  
              case 2:  
                  // 向下
                 alert("down");
                  break;  
            
              default:             
          }  
      }, false); 

  • 相关阅读:
    原子核结构壳模型:粒子空穴转换
    第十二周学习总结
    构建之法读书笔记5
    5.21学习总结——android开发实现用户头像的上传
    5.20团队活动
    构建之法读书笔记4
    团队项目第一阶段验收
    HTML+CSS设计个人主页
    C++文件流
    面向对象程序设计_虚函数的应用
  • 原文地址:https://www.cnblogs.com/sandy-happyhour/p/5338239.html
Copyright © 2011-2022 走看看