可编辑div的键盘功能

Question

我尝试在那里进行应用，当输入字段值输入时，此值显示在可编辑div中。我使用键盘功能但现在我需要可编辑的div值显示输入字段我的意思是反转过程。我是展示我所做的一切。

JavaScript

$('#input1').keyup(function () {
txt = $('#input1').val();
$('#field1').text(txt);

});

HTML

<input type="text" id="input1" />
<div id="field1" contentEditable='true'; ></div>

Answer 1

你只需要反过来。这是代码：

$('#field1').keyup(function () {
$('#input1').val($('#field1').text());
});

演示http://jsfiddle.net/yRzyE/1/