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

Question

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

这是我的 JS，它正在附加 div 编辑器。

$(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>

Answer 1

像这样吗？

http://jsfiddle.net/pWqEQ/

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