javascript - 可编辑 div 的 Keyup 功能

Question

当输入字段值输入比可编辑 div 中显示的该值时，我尝试在那里进行应用程序。所以我正在使用 keyup 功能，但现在我需要在输入字段中显示可编辑 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/