DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js獲得鼠標的坐標值的方法
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為支持非谷歌內核;document.body.scrollTop為谷歌內核

    var thisScrollTop = document.documentElement.scrollTop + document.body.scrollTop;

    event = event||window.event;

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

    x = event.clientX - thisX;

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

    y = event.clientY - thisY + thisScrollTop;

}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved