Javascript 可编辑div的Keyup函数

Javascript 可编辑div的Keyup函数,javascript,jquery,Javascript,Jquery,我试图使应用程序在那里,我需要当输入字段值输入比这个值显示在可编辑的div。所以我使用键控功能,但现在我需要在输入字段中显示可编辑的div值,我的意思是反向过程。下面我展示了我所做的 JavaScript $('#input1').keyup(function () { txt = $('#input1').val(); $('#field1').text(txt); }); HTML <input type="text" id="input1" /> <div id="f

我试图使应用程序在那里,我需要当输入字段值输入比这个值显示在可编辑的div。所以我使用键控功能,但现在我需要在输入字段中显示可编辑的div值,我的意思是反向过程。下面我展示了我所做的

JavaScript

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

});
HTML

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

你只需要做相反的事情。代码如下:

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

演示

谢谢。你节省了我的时间。