javascript - 絶対位置でクリックの場所にオブジェクトを追加する

Question

クリックした場所に絶対位置で要素を追加したいと思います。上部と左側の CSS アトリビューターを測定する方法がわかりません。

これがdivエディターを追加している私のJSです。

$(document).on('dblclick', '.slide', function() {
   $(this).find(".step-wrapper").prepend('<div class="editor" contenteditable="true">  <h2  class="text2">Title</h2></div>'); 
});

html 構造:

<dic class="step">
  <div class="step-wrapper">
  </div>
</div>