html5 移动触摸屏元素拖动/触控

今天测试放大缩小相册中图片时，在电脑上可以，但是在uc浏览器上不可以拖动放大后的图片。查阅大量资料，根据http://blog.csdn.net/u010242159/article/details/52369347上作者的总结和其它资料的兼容性：

总结出电脑和手机上的两个不同之处和手机上的两个提示：

1，电脑端取x坐标：dragX=e.pageX || e.clientX，手机端取X坐标：var touch1 = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];dragX=touch1.pageX || touch1.clientX；

2，在使用jquery.js后，电脑端$(选择器).on("mouseover",function(e){}),手机端$(选择器).bind('touchmove',function(e){})

3，html上head加：<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1"/> 

4，拖动方法事件：touchstart，touchmove，touchend结合使用