獲取`img`元素的XY座標

Question

我有一個圖標<img src="res/img/b_drop.png" id="drop_1" />。單擊此圖標時，我需要提示出現在某些座標上，我將通過我的#drop_的S和Y點計算出來。我能做些什麼來使用jQuery來計算這兩點？

Answer 1

偏移可能是你想要

$('#drop_1').on('click', function(){ 
    var offset = $(this).offset(); 
    alert('top - ' + offset.top + "\n left - " + offset.left); 
}); 

這將提醒元素從頂部位置什麼，文件左側

jQuery offset()

下面是一個

Demo

Answer 2

相對父元素：

$('#drop_1').position().left // x coord 
$('#drop_1').position().top // y coord 

相對頁：

$('#drop_1').offset().left // x coord 
$('#drop_1').offset().top // y coord