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); 

  • 相关阅读:
    Git

    学而不记则徒劳无功
    Redis基础
    哈希表
    第一个Python程序
    Python 环境搭建 基于 Windows
    执行数据库的插入操作 insert
    Eclipse连接到My sql数据库的操作总结/配置数据库驱动
    数据库 (一)
  • 原文地址:https://www.cnblogs.com/sandy-happyhour/p/5338239.html
Copyright © 2011-2022 走看看