var startx, starty;

//获得角度

function getAngle(angx, angy) {

return Math.atan2(angy, angx) * 180 / Math.PI;

};

//根据起点终点返回方向 1向上 2向下 3向左 4向右 0未滑动

function getDirection(startx, starty, endx, endy) {

var angx = endx - startx;

var angy = endy - starty;

var result = 0;

//如果滑动距离太短

if (Math.abs(angx) < 2 && Math.abs(angy) < 2) {

return result;

}

var angle = getAngle(angx, angy);

if (angle >= -135 && angle <= -45) {

result = 1;

} else if (angle > 45 && angle < 135) {

result = 2;

} else if ((angle >= 135 && angle <= 180) || (angle >= -180 && angle < -135)) {

result = 3;

} else if (angle >= -45 && angle <= 45) {

result = 4;

}

return result;

}

//手指接触屏幕

document.addEventListener("touchstart", function(e) {

startx = e.touches[0].pageX;

starty = e.touches[0].pageY;

}, false);

//手指离开屏幕

document.addEventListener("touchend", function(e) {

var endx, endy;

endx = e.changedTouches[0].pageX;

endy = e.changedTouches[0].pageY;

var direction = getDirection(startx, starty, endx, endy);

switch (direction) {

case 0:

alert("未滑动!");

break;

case 1:

alert("向上!")

break;

case 2:

alert("向下!")

break;

case 3:

alert("向左!")

break;

case 4:

alert("向右!")

break;

default:

}

}, false);

开发板Linux手指滑动方向,移动端 手指滑动方向获取相关推荐

  1. 迅为IMX6ULL开发板Linux学习教程

    1800+页使用手册(持续更新)+入门视频教程+实战视频教程 关注VX公众号:迅为电子 ,  回复 :终结者,免费获取产品资料  让教程更细致,终结入门难! 所有教程由迅为原创,是迅为工作多年的工程师 ...

  2. linux流水灯实验,小静视频第二期:第三节ARM开发板linux下流水灯流水灯的实现...

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 视频来自:优酷 一.ARM+Linux硬件操作流程及对代码的简单理解 二.NFS挂载网络文件系统 ①准备NFS文件系统目录 1. 准备 NFS 文件系统目 ...

  3. NUC980开发板Linux系统EC20模块 移植 串口 PPP拨号

    NUC980开发板Linux系统EC20模块 移植 串口 PPP拨号 1. EC20模块连接 2. Linux内核配置 3. 交叉编译PPP 4. 拨号脚本 5. 进行拨号 1. EC20模块连接 在 ...

  4. firefly-rk3288j开发板--linux I2C实验之eeprom驱动

    firefly-rk3288j开发板–linux I2C实验之eeprom驱动 1 准备工作 开发板:aio-rk3288j SDK版本:rk3288_linux_release_20210304 下 ...

  5. firefly-rk3288j开发板--linux NFC实验之RC522驱动

    firefly-rk3288j开发板–linux NFC实验之RC522驱动 1 准备工作 开发板:aio-rk3288j SDK版本:rk3288_linux_release_20210304 下载 ...

  6. 基于全志A33开发板linux系统移植学习记录(Boot0)

    基于全志A33开发板linux系统移植学习记录 第一章 Boot0基于ARMGCC的编译与修改 文章目录 基于全志A33开发板linux系统移植学习记录 前言 一.全志A33简介以及上电引导流程 二. ...

  7. 【迅为iMX6Q】开发板 Linux 5.15.71 RTL8211E 以太网驱动适配

    相关参考 [迅为iMX6Q]开发板 u-boot 2022.04 SD卡 启动 [迅为iMX6Q]开发板 u-boot 2020.04 RTL8211E 以太网驱动适配 [迅为iMX6Q]开发板 Li ...

  8. at91sam9260ek开发板linux移植文档,AT91SAM9260EK开发板 Linux 移植 移植 文档

    AT91SAM9260EK开发板 Linux 移植 移植 文档 AT91SAM9260EKAT91SAM9260EKAT91SAM9260EKAT91SAM9260EK 开发板开发板开发板开发板 Li ...

  9. Linux移植:正点原子阿尔法IMX6ULL开发板Linux内核源码移植详细步骤(4.1.15版本内核)

    Linux移植:正点原子阿尔法IMX6ULL开发板Linux内核源码移植详细步骤(4.1.15版本内核) 文章目录 Linux移植:正点原子阿尔法IMX6ULL开发板Linux内核源码移植详细步骤(4 ...

  10. OK6410开发板linux系统下的SPI驱动和测试

    OK6410下的SPI驱动是可以用的,但是飞凌把它作为其它用途了,我们修改一些代码才能在/dev目录下创建SPI的设备节点文件 Step1:打开arch/arm/mach_s3c64XX/mach_m ...

最新文章

  1. Go语言web框架beego:目录说明
  2. 牛顿-拉夫逊法 原理讲解以及python算例实现
  3. Egret的容器--删除对象,遮罩
  4. 关于Android studio3.0的坑之butterknife 7.0.1(低版本)
  5. 关于发那科机器人的FSSB
  6. oracle pdb是什么意思,浅谈Oracle数据库12c PDB技术
  7. 站长如何屏蔽流氓宽带商在你的页面里面强行插入的广告代码
  8. 【数据分析】Superset 之三 Docker操作管理
  9. php 有趣的php 封装,封装PHP常用的操作类
  10. 一文读懂如何用深度学习实现网络安全
  11. AppFuse 安装
  12. 举个栗子!Tableau 技巧(183):快速实现部分类别的排序
  13. iterm2新技能-用不同的颜色创建新标签
  14. 我们小时候可没这么牛的露天电影
  15. 右键文件夹提示“No localized file found - emedloc.dll”
  16. oracle物料单位错误,Oracle EBS 销售时物料保留出错相关症状和处理方法
  17. ASEMI整流二极管A7二极管和M7二极管能代换吗
  18. 送口红分不清色号,送花认不全品种?机器学习一键搞定!
  19. 软件如何申请数字证书取得操作系统信任?
  20. 昭通高考2021成绩查询,2021昭通中考成绩查询入口

热门文章

  1. Hibernate_3_客户实例_数据库中自动生成主从表
  2. kernel获取毫秒、微妙时间
  3. 2017 云+未来峰会——上海站开发者专场即将开讲(30元电话充值卡等你拿)
  4. python做日历牌_2021年来了,从Python定制一份日历开始吧!
  5. 交易系统解析(六)前台报盘应用设计要点
  6. java改变背景图片大小,设置背景图片大小相同的的Java应用程序窗口/屏幕
  7. tif转成bmp matlab,【转 】将图像转化成avi格式电影(bmp2avi,jpg2avi,tiff2avi等) - [Matlab]...
  8. java里jvm,jer,jdk的区别
  9. [土狗之路]coursera 与 oj上的递归练习作业-- 单词翻转 角谷猜想
  10. 12.20-12.21北大医药