Contenteditable将文本从一个跨度复制到另一个跨度

Question

我有一个Contenteditable span标签，希望它能自动将我输入的内容复制到其他span标签中。

I.e

这是可编辑的跨度标签。

小计- 0.00

总收益- 0.00元人民币。

当更改其他值时，成本、成本- 1.00也立即更改。

小计- 1.00

Total *- 1.00

html im使用：

<td><span data-prefix>£</span><span contenteditable>0.00</span></td>

Answer 1

这就是你要找的东西吗？使用jQuery：

<span class="result" data-prefix></span>
<span class="edit" contenteditable>0.00</span>

$(".edit").on("keyup", function() {
    $(".result").empty().text( "£" + $.trim($(this).text()) );
});

邮箱: Demo@Fiddle