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

  • 相关阅读:
    docker入门——centos安装
    NET应用——你的数据安全有必要升级
    mysql事件机制——定时任务
    是时候升级你的Js工具了-分页【基于JQ】
    优美库图片系统
    爬虫之蜂鸟网图片爬取
    壁纸提取
    CSDN刷阅读数
    tkinter基础-输入框、文本框
    数据结构与算法之选择排序
  • 原文地址:https://www.cnblogs.com/sandy-happyhour/p/5338239.html
Copyright © 2011-2022 走看看