jQuery -- touch事件滑动判断---左右上下方向

最新推荐文章于 2022-06-16 10:13:10 发布

天天睡觉qwq

最新推荐文章于 2022-06-16 10:13:10 发布

阅读量1.8k

点赞数

分类专栏： jquery 文章标签： touch

本文链接：https://blog.csdn.net/qq_41981057/article/details/89470615

版权

这篇博客详细介绍了如何使用jQuery处理touch事件，特别是如何判断用户的滑动方向，包括左右和上下。通过监听touchstart和touchmove事件，结合坐标变化来实现滑动方向的判断。

摘要由CSDN通过智能技术生成

		  //定义变量，用于记录坐标和角度

 var startx,starty,movex,movey,endx,endy,nx,ny,angle;

// //开始触摸函数，event为触摸对象

		    function touchs(event){
		    	console.log(JSON.stringify(event.target))
		        //阻止浏览器默认滚动事件
		        event.preventDefault();
		        //获取DOM标签
		        var box = document.getElementById('box');
		        //通过if语句判断event.type执行了哪个触摸事件
		        if(event.type=="touchstart"){
		             console.log('开始');
		             //获取开始的位置数组的第一个触摸位置
		            var touch = event.touches[0];
		             //获取第一个坐标的X轴
		            startx = Math.floor(touch.pageX);
		            //获取第一个坐标的X轴
		            starty = Math.floor(touch.pageY);
		            //触摸中的坐标获取
		        }else if(event.type=="touchmove"){
		             console.log('滑动中');
		            var touch = event.touches[0];
		            movex = Math.floor(to