<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, minimal-ui"> <meta name="apple-mobile-web-app-capable" content="yes" /> <title>判断手指左右滑动</title> <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> </head> <body> 判断手指滑动上下左右方向 <script type="text/javascript"> var windowHeight = $(window).height(), $body = $("body"); $body.css("height", windowHeight); var startX, startY, moveEndX, moveEndY, X, Y; $("body").on("touchstart", function(e) { e.preventDefault(); startX = e.originalEvent.changedTouches[0].pageX, startY = e.originalEvent.changedTouches[0].pageY; }); $("body").on("touchmove", function(e) { e.preventDefault(); moveEndX = e.originalEvent.changedTouches[0].pageX, moveEndY = e.originalEvent.changedTouches[0].pageY, X = moveEndX - startX, Y = moveEndY - startY; if ( Math.abs(X) > Math.abs(Y) && X > 0 ) { alert("左到右"); } else if ( Math.abs(X) > Math.abs(Y) && X < 0 ) { alert("右到左"); } else if ( Math.abs(Y) > Math.abs(X) && Y > 0) { alert("上到下"); } else if ( Math.abs(Y) > Math.abs(X) && Y < 0 ) { alert("下到上"); } else{ alert("just touch"); } }); </script> </body> </html>
判断手指上下左右滑动方向
2023-09-15
42
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
判断手指上下左右滑动方向
目录
相关文章
|
5月前
|
JavaScript
|
开发工具
滑动拼图验证码滑动框样式设置
之前在某官网登录的时候有一个滑动拼图验证码，很好奇怎么去实现。然后就想着自己弄一个。同时我在想有没有办法可以修改滑动拼图的滑动框样式呢？然后让我找到了 KgCaptcha，下面我就简单介绍一下吧！
282
0
0
|
前端开发
JavaScript
计算机视觉
|
前端开发
|
JavaScript
前端开发
|
算法
Java
C++
|
机器学习/深度学习
算法
热门文章
最新文章
1
《Stata统计分析与应用（第2版）》一3.4 图形的保存、合并及修改
2
Maven 3.6.3 的下载、安装、配置、检测（详细讲解）
3
基于区块链的机器学习模型创建方案
4
WPF listview item mouse enter/over popup
5
DevExpress 10.2.4系列-ASPxListBox根据列值不同设置不同图标
6
[Spring]支持注解的Spring调度器
7
红帽7.4新增的安全特性
8
hdu 1800 Flying to the Mars
9
研究 flex 4 开发后台管理项目（1）
10
Error: XML response that was returned...
1
《docker高级篇（大厂进阶）：2.DockerFile解析》包括：是什么、DockerFile构建过程解析、DockerFile常用保留字指令、案例、小总结
113
2
《Java 人工智能开发：Eclipse 与 IntelliJ IDEA 双雄助力》
42
3
《Java 在开源 AI 框架中的中流砥柱角色》
32
4
《Java 与大数据框架：AI 数据预处理的强力联盟》
37
5
《Java 优化秘籍：计算密集型 AI 任务加速指南》
33
6
《Java 与 OpenAI 协同：开启智能编程新范式》
26
7
uniapp开发鸿蒙，是前端新出路吗？
29
8
鸿蒙(HarmonyOS)原生AI能力之文本识别
37
9
鸿蒙开发之PixelMap介绍与实现图片变换
33
10
鸿蒙(HarmonyOS)开发之无须申请权限写入图片到相册
39