获取“img”元素的XY坐标

Get the XY coordinates of a `img` element

本文关键字：XY 坐标 元素 img 获取      更新时间：2023-09-26

我有一个图标<img src="res/img/b_drop.png" id="drop_1" />。单击此图标时，我需要在一些坐标处出现提示，这些坐标将由#drop_的S点和Y点计算。使用jQuery，我可以做些什么来计算这两点？

偏移量可以是您想要的

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

这将从文件的顶部和左侧提醒元素的位置

jQuery offset（）

这是

演示

相对父元素：

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

相对页面：

$('#drop_1').offset().left // x coord
$('#drop_1').offset().top // y coord
相关文章：