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;
});