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

  • 相关阅读:
    前端网站汇总
    更换Sublime Text主题字体
    免费收录网站搜索引擎登录口
    IE6,7,8支持css圆角
    CSS继承—深入剖析
    JavaScript正则表达式大全
    CSS伪元素选择器
    line-height用法总结
    判断腾讯QQ是否在线
    text-overflow使用文字超多div的宽度或超过在table中<td>
  • 原文地址:https://www.cnblogs.com/sandy-happyhour/p/5338239.html
Copyright © 2011-2022 走看看