jquery拖拽div，并获取像素位置

1.html

<div class="drag">123123123</div>

2.css

.drag{
        position:absolute;       
        background:green;      
        top:100px;left:200px;
        padding:0;
        }

3.jquery

var move=false;//移动标记  
var _x,_y;//鼠标离控件左上角的相对位置  
    $(".drag").mousedown(function(e){  
        move=true;  
        _x=e.pageX-parseInt($(".drag").css("left"));  
        _y=e.pageY-parseInt($(".drag").css("top"));       
    });  
    $(".drag").mousemove(function(e){  
        if(move){  
            var x=e.pageX-_x;//控件左上角到屏幕左上角的相对位置
            var y=e.pageY-_y;  
            $(".drag").css({"top":y,"left":x}); 
			//console.log($(".drag").width());
        }  
    }).mouseup(function(){  
		//console.log($(".drag").width());
		console.log($(".drag").offset().top+"--"+$(".drag").offset().left);//打印位置
		move=false;      
	});