首页 > 移动平台 > 详细

移动端判断手指向上滑动还是向下滑动

时间:2016-03-30 19:41:05      阅读:553      评论:0      收藏:0      [点我收藏+]

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

移动端判断手指向上滑动还是向下滑动

原文:http://www.cnblogs.com/sandy-happyhour/p/5338239.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!