獲取元素的座標

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

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

2011-07-03 Rajat Gupta

它可以比它似乎更復雜的領域。無論是[jQuery]（http://jquery.com），[原型]（http://prototypejs.org），[YUI]（http），我都推薦使用一個好的庫來節省時間和麻煩。：//developer.yahoo.com/yui/），[關閉]（http://code.google.com/closure/library）或[其他任何一個]（http://en.wikipedia.org/維基/ List_of_JavaScript_libraries）。他們還會做很多其他的事情來平滑瀏覽器差異，提供實用程序功能，並讓您專注於您實際嘗試構建的內容。 –

要回答直接的問題：不，沒有這樣的內置函數。您必須在某個事件處理程序中使用'event'對象來提取元素的位置。 –

@ T.J。根據問題歷史記錄，OP使用PrimeFaces，它附帶jQuery和YUI。 – BalusC

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

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

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

來源

2011-07-03 08:08:40 jfriend00

試試這個：

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

來源

2011-07-03 11:45:19 ChipFind

獲取元素的座標

回答

相關問題