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