移动端touch事件获取clientX, clientY

597 阅读1分钟

首发:鲸讯微信小程序
作者:鲸林向海工作室

为了使官网支持笔记本触屏的使用,需要实现touch事件。

1、关于touch事件

官网的交互需要实现手指滑动的交互,我们都只到在pc端使用mousedown,mousemove,mouseup监听实现。 但在ios设备上mousemove是不好监听的,同类的方法是touchstart,touchmove,touchend

2、如何获取手指滑动时的坐标位置呢?

直接使用event.clientX是不起作用的,要使用event.changedTouches[0].clientX才好。这里需要注意的是:如果是jquery的event对象,使用event.originalEvent.changedTouches[0].clientX

这里使用的是jquery的event对象,配合一些“滑动插件”使用。

3、联系方式