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

来源:互联网 发布:电脑安全防护软件 编辑:程序博客网 时间:2024/06/07 23:03

把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'); });});

原创粉丝点击