javascript獲得鼠標的坐標值

一、需求：

1、當需求為獲得的坐標值相對於body時實現方法

2、當需求為獲得的坐標值相對於某一對象時實現方法

 

二、實現：

var x , y;

//當需求為獲得的坐標值相對於body時，用： 
function positionBody(event){

    event = event||window.event; 
    //獲得相對於body定位的橫標值；

    x=event.clientX 
    //獲得相對於body定位的縱標值； 
    y=event.clientY 
}

 

//當需求為獲得的坐標值相對於某一對象時，用： 
function positionObj(event,id){

    //獲得對象相對於頁面的橫坐標值；id為對象的id 
    var thisX = document.getElementById(id).offsetLeft;

    //獲得對象相對於頁面的橫坐標值； 
    var thisY = document.getElementById(id).offsetTop;

    //獲得頁面滾動的距離； 
    //注：document.documentElement.scrollTop為支持非谷歌內核；document.body.scrollTop為谷歌內核 
    var thisScrollTop = document.documentElement.scrollTop + document.body.scrollTop;

    event = event||window.event; 
    //獲得相對於對象定位的橫標值 = 鼠標當前相對頁面的橫坐標值 - 對象橫坐標值；

    x = event.clientX - thisX;

    //獲得相對於對象定位的縱標值 = 鼠標當前相對頁面的縱坐標值 - 對象縱坐標值 + 滾動條滾動的高度； 
    y = event.clientY - thisY + thisScrollTop; 

}

三、實例下載：

       點擊這里

 

 

四、如果有更好的方法，可以的話 ，相互交流下，共同進步！