Javascript获取鼠标的位置, 获取Html控件的绝对位置的两种方法

 滑鼠游标相对于目前区块边框的距离

event.offsetX、event.offsetY 

滑鼠游标相对于目前浏览器边框的距离

event.clientX、event.clientY、event.x、event.y 

   

滑鼠游标相对于目前萤幕边框的距离

event.screenX、event.screenY 

获取Html控件的绝对位置的两种方法

function getAbsPoint(e){
    var x = e.offsetLeft, y = e.offsetTop;
    while (e = e.offsetParent) {
        x += e.offsetLeft;
        y += e.offsetTop;
    }
    alert("x:" + x + "," + "y:" + y);
}

function getAbsPoint(obj){
    var x, y;
    oRect = obj.getBoundingClientRect();
    x = oRect.left
    y = oRect.top
    alert("(" + x + "," + y + ")")
}