1. 程式人生 > >Javascript獲取滑鼠的位置, 獲取Html控制元件的絕對位置的兩種方法

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 + ")")
}