javascript - 跟踪文本区域中 div 的位置

Question

我有一个文本区域，可以像这样跟踪可移动的 div

    $('#content').children().draggable({ 
        drag : function () {
                $('#textarea').text("left:" +($(this).position().left) + "px" + "\ntop:" + $(this).position().top + "px");
        } 
    });

问题是，如果我在那个文本区域中写了一些东西，当我移动 div 时它会停止更新位置。 如果textarea中的文字是这样的:

布拉布拉布拉布拉 左:10px 顶部:20px； blablablablabla

如果我移动 div 而没有删除文本区域的其他内容，我希望能够在文本区域中写入并更新位置。

有人应该能够在文本区域中写下他们想要的任何内容，如果他们移动它，该位置将出现在特定位置或他们所写内容的末尾

有什么想法吗？

使用“.val”而不是“.text”的示例:http://jsfiddle.net/Ydkrw/ “.val”将删除现有文本...

更新:基于 valentinos 的回答，我确实喜欢这样:http://jsfiddle.net/8G82U/ 但是如果你在移动它之前在文本区域中写一些东西，这就不起作用了

Answer 1

这可能会让您入门。这只是一个可能对您有所帮助的粗略设计。使用 substring 和 replace javascript 方法。

Fiddle