拖拽最简单的实现方式[JQuery实现]

最新推荐文章于 2024-10-09 10:35:35 发布

caion

最新推荐文章于 2024-10-09 10:35:35 发布

阅读量845

点赞数

文章标签： jquery 拖拽

本文链接：https://blog.csdn.net/ok123zxx/article/details/77720228

版权

把Selector ".gari-drop" 换成你自己的，万物皆可拖

$(function(){
	$(document).on("mousedown",".gari-drop",function(e){
		var el=$(this);
        var os = el.offset(); 
        dx = e.pageX-os.left, 
        dy = e.pageY-os.top;
        $(document).on('mousemove.drag', function(e){ 
        	el.offset({top: e.pageY-dy, left: e.pageX-dx}); 
    	});
	});
	$(document).on("mouseup",".gari-drop",function(e){
		console.log(e);
	    $(document).off('mousemove.drag'); 
	});
});