offsetX，offsetY和pageX，pageY有什麼區別？

Question

我需要一個彈出div，它會出現在我點擊的錨下方。現在，我想確定錨點的onClick事件的x和y座標。做這件事的最佳做法是什麼？什麼是可以使用的建議事件屬性？

Answer 1

OFFSETX和OFFSETY是相對於父容器，而pageX屬性和pageY是相對於文檔。請勿將其與.offset()和.position()混淆，其中.offset()與文檔相關，.position()與父容器的.offset()相關。

像這樣示例應該工作（JQuery的）：

$('a').click(function(){ 
    var offset = $(this).offset(); 
    $('#popup_div').css('top',offset.top + 'px').css('left',offset.left + 'px').show(); 
}); 

http://api.jquery.com/offset/

http://api.jquery.com/position/

Answer 2

2從jQuery文檔網站提取

的.POSITION（）方法允許我們檢索元素相對的當前位置到偏移父

http://api.jquery.com/position/

---

的.offset（）方法允許我們以檢索元件相對於所述文件的的當前位置。

http://api.jquery.com/offset/