查找所有html链接的坐标

Question

我正在使用Heatmap.js绘制出点击次数最多的链接的热图。我有包含链接网址和点击次数的数据，但是heatmap.js需要链接的坐标才能显示数据点。获取每个链接坐标的最佳方法是什么？

Answer 1

您可以使用.offset()获取链接的位置。 .offset()给出的位置相对于文档，这意味着0,0将位于页面的左上角。

//Attach a click handler to all links
$('body').on('click','a', function(event){

  //then get their offsets
  var coords = $(this).offset();
  var x = coords.left;
  var y = coords.top;
});