鼠标点击之后随着鼠标滑动移动图片

var params = [];
document.onmouseup = function(){
        params.flag = false;
 };

$(".modal-body").on("mousedown", "img", function(e) {            //在包含图片的外层div绑定鼠标点击事件
e.preventDefault();   
params.flag = true;
params.currentX = e.clientX;
        params.currentY = e.clientY;
        if( params.left !== "auto"){
           params.left = $(this).css("left");
        }
        if(params.top !== "auto"){
            params.top = $(this).css("top");
        }
})

$(".modal-body").on("mousemove", "img", function(e) {        //在包含图片的外层div绑定鼠标移动事件
         var nowX = e.clientX, nowY = e.clientY;
         var disX = parseInt(params.left)+ nowX - params.currentX, disY = parseInt(params.top)+ nowY - params.currentY;
         if(params.flag){
              $(this).css({
              position:"absolute",
              left:disX + "px",
              top:disY+ "px"
          })
     }

})

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！