摘要: var startX,startY,endX,endY;var scrollTopVal=0; //上下滑动请自行修改//假定接受手指触摸事件的Dom对象id是"HealCon"document.getElementById("HealCon").addEventListener("touchsta 阅读全文
posted @ 2020-08-26 00:26 紫韵丶聆风 阅读(255) 评论(0) 推荐(0) 编辑
摘要: 原理: 当开始一个touchstart事件的时候,获取此刻手指的横坐标startX和纵坐标startY; 当触发touchmove事件时,在获取此时手指的横坐标moveEndX和纵坐标moveEndY;最后,通过这两次获取的坐标差值来判断手指在手机屏幕上的滑动方向。 具体代码如下: 1 2 3 4 阅读全文
posted @ 2020-08-26 00:25 紫韵丶聆风 阅读(476) 评论(0) 推荐(0) 编辑
摘要: 移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart: //手指放到屏幕上时 阅读全文
posted @ 2020-08-26 00:21 紫韵丶聆风 阅读(346) 评论(0) 推荐(0) 编辑