获取`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