原声js-鼠标拖拽

css

 div{
            width: 100px;height: 100px;background: red;position: absolute;
        }

<div>Draggable</div>

 var disX = 0;
    var disY = 0;
    $('div').mousedown(function(ev){

        disX = ev.pageX - $(this).offset().left;
        disY = ev.pageY - $(this).offset().top;
        $(document).mousemove(function(ev){
            $('div').css('left',ev.pageX - disX);
            $('div').css('top',ev.pageY - disY);
        });
        $(document).mouseup(function(ev){
            $(this).off();
        });
        return false;
    })