獲取元素的座標

Question

如何在onclick事件後獲取元素的座標？我需要在被點擊的圖標下放置一個疊加層。

是否有任何這樣的內置函數提供的Javascript而不是手動編寫一個函數呢？

Answer 1

在YUI中，我使用getXY（）函數返回DOM中任何對象的絕對頁面位置。 YUI2中該函數的源代碼位於：http://developer.yahoo.com/yui/docs/Dom.js.html。

在jQuery中，它看起來像使用jQuery對象的.offset（）方法：http://api.jquery.com/offset/。

你可以使用其中的一個或查看他們的實現，看看他們是如何工作來編碼自己的。

Answer 2

試試這個：

function getGlobalPos(el) { 
    var p = {x:0,y:0}; 
    while (el) { 
    p.x += el.offsetLeft; 
    p.y += el.offsetTop; 
    el = el.offsetParent; 
    } 
    return p; 
}