Firefox下的座標計算方法總結

<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

firefox下的座標與ie有所不同。

1、滑鼠座標

要獲取滑鼠的座標，離不開事件event這個物件。在ie裡，event是全域性物件，你可以在任何地方引用event，或者用 event.srcelement 來找到觸發事件的物件。但是ff不行，必須在觸發事件呼叫的函式裡，將event作為引數傳過去才能用，如onclick(event)。

滑鼠當前座標

ie：event.x和event.y。

ff：event.pagex和event.pagey。

通用：兩者都有event.clientx和event.clienty屬性。

滑鼠當前座標(加上滾動條滾過的距離)

ie：event.offsetx和event.offsety。

ff：event.layerx和event.layery。

2、樣式（style）座標

ie：style.left，style.top

ff：style.left，style.top

ie：style.posleft 和 style.postop

ff：沒有。

3、物件座標

通用：兩者都有[object].offsetleft 和 [object].offsettop

問題是，在ff（firefox）中，它們是返回與body的偏移，而在ie中，是其所在容器中的水平及垂直偏移。

那麼怎樣在ie中也能獲得與body的偏移呢？因為這個偏移才最有用，找到了這兩個偏移，就相當於找到了在頁面中的絕對位置。

可以變通一下：

var posx = objlookingfor.offsetleft;

var posy = objlookingfor.offsettop;

var abox = objlookingfor;//需要獲得位置的物件

do while( abox.tagname != "body" );

這樣到最後，posx與posy就是與body的偏移。

但這也不是絕對的，有例外ic交易網：例外，就是當該元素位於**的td中時，offsetleft的值是該元素外邊界至其所在td左側內側邊界的值，也即是說此時元素的offsetleft表現類似於在ie中。這時獲取座標方法可以為：

//oelement是某物件

varwidth = oelement.offsetwidth;

var height = oelement.offsetheight;

; pos.x = oelement.offsetleft;

pos.y = oelement.offsettop;

var x = 0, y = 0;

while( oelement.offsetparent )

oelement = oelement.offsetparent;

} return [pos.x,pos.y,pos.x + width,pos.y + height];

}