js獲得滑鼠的座標值的方法_javascript技巧

複製代碼 代碼如下:

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;

}