對於移動端的觸摸事件，我們通過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 ：涉及當前事件的手指的一個列表。