htm5手机端实现拖动图片Mobile Cookbook <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.js"></script> <script> var chumodianposleft; var chumodianpostop; $('.someElm').bind('touchstart',function(e){ var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0]; /*读取选中元素的绝对定位的值*/ var pianyi=$(this).offset(); /*选中的地方离元素的边距*/ chumodianposleft=touch.pageX-pianyi.left; chumodianpostop=touch.pageY-pianyi.top; }) $('.someElm').bind('touchmove',function(e){ var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0]; /*左上角为0,0*/ $(this).css('left',touch.pageX-chumodianposleft); $(this).css('top',touch.pageY-chumodianpostop); }); </script>
查看原文:http://newmiracle.cn/?p=1833
htm5手机端实现拖动图片
最新推荐文章于 2022-05-13 11:16:56 发布