简述移动端JS触控事件与手势滑动事件
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本文章将介绍在移动设备上使用JavaScript处理触摸屏输入的基本方法，包括各种触控事件和手势滑动事件的应用。
分享一篇关于touch的文章供参考：当触发一个touchstart事件的时候，获取此时手指的横坐标（记作startX）和纵坐标（记作startY）。在触发动态移动（touchmove）事件时，则需要再次记录当前时刻的手指横、纵坐标的值分别为(moveEndX) 和 (moveEndY)。最后通过两次获得的这些坐标差值得出手指在手机屏幕上滑动的具体方向。以下是相关代码示例：
```javascript
$(body).on(touchstart, function(e){
e.preventDefault();
startX = e.originalEvent.changedTouches[0].pageX;
startY = e.originalEvent.changedTouches[0].pageY;
});
```
请注意，上述提供的JavaScript片段仅展示了如何获取触控开始时的坐标值。为了完整实现滑动方向判断功能，还需在touchmove事件中添加类似逻辑来计算移动后的坐标，并结合初始坐标的差值得出结论。
全部评论 (0)
还没有任何评论哟~
