全国咨询/投诉热线:400-618-4000

移动端touch事件解析判断拖动方向

更新时间:2020年09月14日17时07分 来源:传智播客 浏览次数:

1、当开始一个touchstart事件的时候,获取此刻手指的横坐标startX和纵坐标startY;

2、当触发touchmove事件时,在获取此时手指的横坐标moveEndX和纵坐标moveEndY;最后,通过这两次获取的坐标差值来判断手指在手机屏幕上的滑动方向。

3、用touchmove的最后坐标减去touchstart的起始坐标,X的结果如果正数,则说明手指是从左往右划动;X的结果如果负数,则说明手指是从右往左划动;Y的结果如果正数,则说明手指是从上往下划动;Y的结果如果负数,则说明手指是从下往上划动。

touch事件判断滑屏手势



猜你喜欢:

Vue 的 template 是如何编译成真正的 HTML

Vue3为什么使用Proxy实现数据监听?

什么是响应式页面?