Jquery 拖动div如何获取坐标

Question

<script>
var MoveDiv = function(){};
MoveDiv.Move=function(id) {
var obj=document.getElementById(id);
obj.onselectstart = function() {
return(false);
};
obj.onmousedown = function(e) {
e = e||window.event;
var x=e.layerX||e.offsetX;
var y=e.layerY||e.offsetY;
document.onmousemove = function(e) {
e=e||window.event;
obj.style.left=(e.clientX-x)+"px";
obj.style.top=(e.clientY-y)+"px";
};
document.onmouseup=function() {
document.onmousemove=null;
};
};
}
</script>
   <div id="movedivid" style="position: absolute; left: 145px; top: 30px;width:300px;height:200px;background:#cccccc;cursor:move;" onmousedown="MoveDiv.Move('movedivid')">
    test text
   </div>

Answer 1

function cnvs_getCoordinates(e)
{
x=e.clientX;
y=e.clientY;
document.getElementById("xycoordinates").innerHTML="Coordinates: (" + x + "," + y + ")";
}