想请教一个简单的在图片获取鼠标坐标的问题

Question

document.onmousedown = MouseDown;
document.onmouseup = MouseUp;
var theX ;
var theY ; //操作对象
var xFirst = 0;//鼠标按下时的初始x座标
var yFirst = 0;//鼠标按下时的初始y座标
var xLast = 0;//鼠标当前的top值
var yLast = 0;//鼠标当前的left值
function MouseDown(){
theX = document.getElementById("x1");
theY = document.getElementById("y1");

xFirst = parseInt(document.body.scrollLeft) + parseInt(event.clientX); //鼠标按下初始x座标值
yFirst = parseInt(document.body.scrollTop) + parseInt(event.clientY);  //鼠标按下初始y座标值

theX.innerText = xFirst ;
theY.innerText = yFirst ;
}function MouseUp(){
theX = document.getElementById("x2");
theY = document.getElementById("y2");

xFirst = parseInt(document.body.scrollLeft) + parseInt(event.clientX); //鼠标按下初始x座标值
yFirst = parseInt(document.body.scrollTop) + parseInt(event.clientY);  //鼠标按下初始y座标值

theX.innerText = xFirst ;
theY.innerText = yFirst ;
}
为什么不能获得图片上的？