日期：2017年11月3日

jquery 实现元素拖动

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$.fn.extend({
    'drag': function () {
        var dispX = 0;
        var dispY = 0;
        var _this = this;
        $(this).mousedown(function (ev) {
            dispX = ev.pageX - $(_this).offset().left;
            dispY = ev.pageY - $(_this).offset().top;
            $(document).mousemove(function (ev) {
                $(_this).css('left', ev.pageX - dispX);
                $(_this).css('top', ev.pageY - dispY);
            });
            $(document).mouseup(function (ev) {
                $(document).off('mousemove');
            });
            return false;
        });
    }
});
 
$(function () {
    $('#div1').drag();
});