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

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

时间: 2024-10-18 19:46:17

移动端判断手指向上滑动还是向下滑动的相关文章

监测uitableview 向上滑动和向下滑动的事件

- (void)scrollViewDidScroll:(UIScrollView *)scrollView { CGFloat height = _varietyTableView.frame.size.height; CGFloat distanceFromButton = _varietyTableView.contentSize.height - _varietyTableView.contentOffset.y; if (distanceFromButton == height) {

《移动端浏览器Touch事件判断手指滑动方向方法》

1 $("body").on("touchstart", function(e) { 2     e.preventDefault(); 3     startX = e.originalEvent.changedTouches[0].pageX, 4     startY = e.originalEvent.changedTouches[0].pageY; 5 }); 6 $("body").on("touchmove",

基于zepto的插件之移动端无缝向上滚动并上下触摸滑动

该插件乃本博客作者所写,目的在于提升作者的js能力,也给一些js菜鸟在使用插件时提供一些便利,老鸟就悠然地飞过吧. 公司的移动端项目是基于zepto的,有一个页面要求文字能够无缝地不停向上滚动,但查了网上的资料,大多都是基于jquery的,虽然稍作修改就可以用于移动端,但不能实现触摸上下翻滚.所以就去了zepto的官网查看其API,却发现如果要使用zepto的swipe()方法,需要引用其已经封装好的touch.js文件,我就赶紧引用了这个js文件,可在实际测试中,官网给出的touch.js文件

移动端判断手势滑动的方向

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>触屏手指滑动计算演示--程序员老刘</title> </head> <body style="font-size:32px;"> <div style="width:100

移动端判断触摸的方向

最近做微信端页面,于是趁周末梳理了下移动端的事件这一块. 通过判断手指在屏幕上移动的位置减去手指放在屏幕上时的位置,就可以得出是往什么方向滑动: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">

JS-移动端判断上拉和下滑

一.手指触屏,利用touchstart和touchend计算前后滑动距离,判断是上拉还是下滑. 二.js中距离:pageY.clientY.offsetY的区别: offsetY:相对于父节点的偏移距离. clientY:相对于浏览器,滚轮距离不算在内. pageY:相对于浏览器,滚轮滚动的距离算在内:本例中,用pageY,触屏时记录位置-startY,结束时记录-endY,两个相减以正负判断是上移还是下滑. 三.touchstart有touches属性,touchend有changedTouc

appnium实现向上滑动,向下滑动,向左滑动,向右滑动

一.配置连接 from appium import webdriver desired_caps = {} desired_caps['platformName'] = 'Android' # 系统名 desired_caps['platformVersion'] = '5.1.1' # adb版本 desired_caps['deviceName'] = 'emulator-5554' # adb的名字 cmd输入adb devices可以查到 #导出模拟器中的apk,然后使用Android

JS 端判断当前用户是否在某个SharePoint group (包含用户在AD组,然后将AD组加入到SP的组的情况)

本文讲述 JS 端如何判断当前用户是否在某个SharePoint group (包含用户在AD组,然后将AD组加入到SP的组的情况). 笔者曾经总结过JS端判断用户权限的三种方式: http://blog.csdn.net/abrahamcheng/article/details/17447479 但是实际需求中判断某个用户是否在哪个组是非常常见的,正如前面文章中所说,JS端判断当前用户是否在哪个组,只适用用于将用户直接加到SP group这种情况,针对用户在AD组,然后将AD组加入到SP的组的

T端判断装备等级

GetProto()->ItemLevel 判断装备等级 HandleBattleFieldPortOpcode 进入战场,. bool ChatHandler::HandlegetHitemlvlCommand(const char* args) { Player* target; uint64 target_guid; std::string target_name; uint32 itemlevel = 0; if (!extractPlayerTarget((char*)args,&