手機端拖拽事件：

touchstart事件： 當手指觸摸屏幕時候觸發，即使已經有一個手指放在屏幕上也會觸發。

touchmove事件： 當手指在屏幕上滑動的時候連續地觸發。在這個事件發生期間，調用preventDefault()事件可以阻止滾動。

touchend事件： 當手指從屏幕上離開的時候觸發。

touchcancel事件： 當系統停止跟蹤觸摸的時候觸發。

---

調用方法：

（1）jquery方法： $(document).bind(“touchend”, function(e){}）；
（2）javascript方法： document.addEventListener(“touchend”,function(e){});

---

手機端獲取pageX和pageY:

touchstart事件下獲取： e.originalEvent.targetTouches[0].pageX。
touchmove事件下獲取： e.originalEvent.targetTouches[0].pageX。
touchend事件的下獲取： e.originalEvent.changedTouches[0].pageX 。

---

每個Touch對象包含的屬性如下。

clientX： 觸摸目標在視口中的x坐標。
clientY： 觸摸目標在視口中的y坐標。
identifier： 標識觸摸的唯一ID。
pageX： 觸摸目標在頁面中的x坐標。
pageY： 觸摸目標在頁面中的y坐標。
screenX： 觸摸目標在屏幕中的x坐標。
screenY： 觸摸目標在屏幕中的y坐標。
target： 觸目的DOM節點目標。

總結

以上是生活随笔為你收集整理的手机端拖拽的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。