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

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

转载于:https://www.cnblogs.com/sandy-happyhour/p/5338239.html

移动端判断手指向上滑动还是向下滑动相关推荐

移动端判断手指上滑下滑
1.目的:判断手指是上滑还是下滑 2.原理:获取手指按下时的Y坐标和手指抬起的Y坐标.如果抬起的坐标小于按下的坐标,则是上滑:抬起时的坐标大于按下时的坐标,则是下滑: 3.代码示例: <scri ...
移动端网页判断手指触摸滑动的方向
我们在写手机端的网页的时候,往往会添加一些手势的操作来增加用户的体验,比如左滑,右滑,上滑,下滑,这个方向的操作在操作之前我们要认识touch这个只有在手机端才有的函数事件,也就是滑动事件 1.to ...
Untiy3D笔记之番外篇——判断手指滑动方向
最近有一些微信的项目,虽然页面很简单,但配合手势后的效果却是很不错的.最基本的效果就是手指向上滑,页面配合css3出现一个展开效果,手指向下滑将展开的内容按原路径收起.其实就是一个简单的判断手指滑动方 ...
开发板Linux手指滑动方向,移动应用滑动屏幕方向判断解决方案,JS判断手势方向...
问题分类滑动屏幕打开相应功能操作. 问题描述 1.用户手动滑动屏幕,根据滑动的方向,打开相应的功能(如:向上滑摇钱树经验明细,向下滑打开任务明细,向左滑打开聚宝盆物品查看等功能),滑动事件捕获问题. ...
滑动事件判断(手指上划、下滑/左滑、右滑)
需求描述:手指向上滑动pushpage向上变长图片代码如下 /*wxss*/ /* 可拉动页面 */ .pushpage{width: 750rpx;height: 700rpx;/* backg ...
MotionEvent判断手指滑动的距离
分析:点击屏幕会触发down move up 判断手指是否执行了移动操作获取x,y的坐标值 MotionEvent.ACTION_DOWN:方法中获取x,y的坐标 case MotionEvent. ...
判断手指滑动方向 -- Android 学习之路
通过onTouchEvent 事件实现判断手指滑动方向今天在做2048的时候遇到的一个知识点,这里做一下总结用到的知识点 Android屏幕坐标系常用的触发事件判断滑动方向获取手指触屏时的坐 ...
Slip——整屏滑动，移动端跟随手指滑动
简介移动端跟随手指滑动组件,零依赖. 使用方法 1.Html <!doctype html>... <script type="text/javascript" ...
移动端判断触摸的方向
最近做微信端页面,于是趁周末梳理了下移动端的事件这一块. 通过判断手指在屏幕上移动的位置减去手指放在屏幕上时的位置,就可以得出是往什么方向滑动: <!DOCTYPE html> <h ...

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

移动端判断手指向上滑动还是向下滑动相关推荐

最新文章

热门文章