Javascript Touch事件学习笔记2 …-欢欢的记录

Javascript Touch事件学习笔记2 拖动Dom元素

欢欢发表于 2014-7-23 08:22

Demo入口：摸这里

上一篇文章学习了手机浏览器上touch事件的基本知识，下面来试着是实现一下在电脑浏览器上的一个基本功能-拖动。

具体代码可以看Demo页面上的源代码。

核心代码见下图。

javascript-touch-events-drag

在移动端，不能使用e.clientX，而是要使用e.changedTouches[0].clientX。其他的跟在电脑浏览器上一样。

主要还是在安卓浏览器和UC浏览器上进行了测试。

安卓浏览器上表现正常，UC浏览器由于上次说的问题（touchmove事件被处罚的频率非常低），所以基本上没有达到拖动的目的。