編輯div的鍵盤功能

Question

我嘗試使應用程序那裏我需要輸入字段值輸入比這個值顯示在可編輯div.so我使用的是鍵控功能，但現在我需要可編輯的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/