移动端touch事件的originalEvent
对于移动端的触摸事件，我们通过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 |
| ouchmove | 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.leevii.com/?p=2266