htm5手机端实现拖动图片

最新推荐文章于 2021-06-05 10:13:32 发布

「已注销」

最新推荐文章于 2021-06-05 10:13:32 发布

阅读量931

点赞数

本文链接：https://blog.csdn.net/oMiracle123/article/details/75004985

版权

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