Contenteditable - 从跨度到跨度的克隆文本类型

Question

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

即

费用 - 0.00 - 这是可编辑的范围标记。
小计 - 0.00
总计 - 0.00

成本 - 1.00更改后，其他值也会立即更改 小计 - 1.00
总计 - 1.00

html即时通讯使用：

<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()) );
});

演示@ Fiddle