Javascript Touch事件學(xué)習(xí)筆記2 拖動(dòng)Dom元素
Demo入口：摸這里
上一篇文章學(xué)習(xí)了手機(jī)瀏覽器上touch事件的基本知識(shí)，下面來試著是實(shí)現(xiàn)一下在電腦瀏覽器上的一個(gè)基本功能-拖動(dòng)。
具體代碼可以看Demo頁面上的源代碼。
核心代碼見下圖。
在移動(dòng)端，不能使用e.clientX，而是要使用e.changedTouches[0].clientX。其他的跟在電腦瀏覽器上一樣。
主要還是在安卓瀏覽器和UC瀏覽器上進(jìn)行了測(cè)試。
安卓瀏覽器上表現(xiàn)正常，UC瀏覽器由于上次說的問題（touchmove事件被處罰的頻率非常低），所以基本上沒有達(dá)到拖動(dòng)的目的。