手機(jī)端拖拽事件：

touchstart事件： 當(dāng)手指觸摸屏幕時(shí)候觸發(fā)，即使已經(jīng)有一個(gè)手指放在屏幕上也會(huì)觸發(fā)。

touchmove事件： 當(dāng)手指在屏幕上滑動(dòng)的時(shí)候連續(xù)地觸發(fā)。在這個(gè)事件發(fā)生期間，調(diào)用preventDefault()事件可以阻止?jié)L動(dòng)。

touchend事件： 當(dāng)手指從屏幕上離開(kāi)的時(shí)候觸發(fā)。

touchcancel事件： 當(dāng)系統(tǒng)停止跟蹤觸摸的時(shí)候觸發(fā)。

---

調(diào)用方法：

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

---

手機(jī)端獲取pageX和pageY:

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

---

每個(gè)Touch對(duì)象包含的屬性如下。

clientX： 觸摸目標(biāo)在視口中的x坐標(biāo)。
clientY： 觸摸目標(biāo)在視口中的y坐標(biāo)。
identifier： 標(biāo)識(shí)觸摸的唯一ID。
pageX： 觸摸目標(biāo)在頁(yè)面中的x坐標(biāo)。
pageY： 觸摸目標(biāo)在頁(yè)面中的y坐標(biāo)。
screenX： 觸摸目標(biāo)在屏幕中的x坐標(biāo)。
screenY： 觸摸目標(biāo)在屏幕中的y坐標(biāo)。
target： 觸目的DOM節(jié)點(diǎn)目標(biāo)。

總結(jié)

以上是生活随笔為你收集整理的手机端拖拽的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。