对于移动端的触摸事件,我们通过touchstart、touchmove、touchend实现,PC端一般使用mousedown、mousemove、mouseup实现。
原生js获取方式
| mousedown | event.pageX | 
|---|---|
| mousemove | event.pageX | 
| mouseup | event.pageX | 
| touchstart | event.touches[0].pageX & event.changedTouches[0].pageX & event.targetTouches[0].pageX | 
| touchmove | event.touches[0].pageX & event.changedTouches[0].pageX & event.targetTouches[0].pageX | 
| touchend | event.touches[0].pageX & event.changedTouches[0].pageX & event.targetTouches[0].pageX | 
jQuery获取方式
| mousedown | event.pageX | 
|---|---|
| mousemove | event.pageX | 
| mouseup | event.pageX | 
| touchstart | event.originalEvent.touches[0].pageX & event.originalEvent.changedTouches[0].pageX & event.originalEvent.targetTouches[0].pageX | 
| touchmove | event.originalEvent.touches[0].pageX & event.originalEvent.changedTouches[0].pageX & event.originalEvent.targetTouches[0].pageX | 
| touchend | event.originalEvent.changedTouches[0].pageX & event.originalEvent.targetTouches[0].pageX | 
其中关于touch触摸事件的触摸列表:
touches :当前位于屏幕上的所有手指的一个列表。
targetTouches :位于当前DOM元素上的手指的一个列表。
changedTouches :涉及当前事件的手指的一个列表。
原文:https://www.cnblogs.com/ajaemp/p/12917987.html