javascript - 查找所有 html 链接的坐标

Question

我使用Heatmap.js绘制点击次数最多的链接的热图。我有包含链接 url 和点击次数的数据，但是 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;
});