Javascript 将对象附加到具有绝对位置的单击位置

我想在单击的位置附加具有绝对位置的元素。 我不知道如何测量顶部和左侧css属性

这是我的JS，它附加了div编辑器

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

$（document）.on（'dblclick'，'.slide'，function（））{
$（this.find（“.step wrapper”）.prepend（'Title'）；
});

html结构：

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

像这样吗

像这样

像这样

像这样

---

您需要读取鼠标坐标才能找到位置。请参阅：需要读取鼠标坐标才能找到位置。请参阅：需要读取鼠标坐标才能找到位置。请参阅：需要读取鼠标坐标才能找到位置。见：

.css({
        'left' : e.pageX,
        'top'  : e.pageY
    }