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為支援非Google核心；document.body.scrollTop為Google核心     var thisScrollTop = document.documentElement.scrollTop + document.body.scrollTop;    event = event||window.event;     //獲得相對於對象定位的橫標值 = 滑鼠當前相對頁面的橫座標值 - 對象橫座標值；    x = event.clientX - thisX;    //獲得相對於對象定位的縱標值 = 滑鼠當前相對頁面的縱座標值 - 對象縱座標值 + 捲軸滾動的高度；     y = event.clientY - thisY + thisScrollTop; }

三、執行個體下載：

       點擊這裡

 

 

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